0

次のようにビューに電話番号を表示しています

    <li>
    <label >
    Home No.</label>
    @Html.TextBoxFor(x => x.PhoneHome)
    </li>

また、デフォルトで生成される検証エラー メッセージ クラスは次のとおりです。

.formError .formErrorContent
{

background: #ee0101;
color: #fff;
width: 150px;
font-family: tahoma;
font-size: 11px;
border: 2px solid #ddd;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 display:inline;
}

このcssは他のすべてのフィールドに使用されるため、これを変更したくありません。自宅の電話番号フィールドのこの css のプロパティのいくつかをオーバーライドしたいと考えています。

css をオーバーライドして特定のフィールドのみに使用するにはどうすればよいですか?

4

1 に答える 1

1

クラスをラッパー<li>要素に割り当てることができます。

<li class="phone">
    <label>Home No.</label>
    @Html.TextBoxFor(x => x.PhoneHome)
</li>

次に、CSS に新しいルールを追加できます。

.phone .formError .formErrorContent {
    -- YOUR CUSTOM RULES COME HERE --
}
于 2013-09-27T08:15:31.603 に答える