使用razor更改验证错误的输入的CSS类

kba*_*che 5 validation razor asp.net-mvc-3

在我的ASP MVC 3应用程序中,我有这个表单

@using (Html.BeginForm())
  {
    <input id="Username" name="UserName" type="text" value="Username" class="form-text" />
    <input id="PasswordTxt" name="PasswordTxt" type="text" value="Password" class="form-text" />
    <input id="Password" name="Password" type="password" class="form-text" style="display: none"/>
    <input id="bt_login" type="submit" value="Log in" class="bt_login" />
    <div class="login_lbl_error">
      @Html.ValidationSummary()
    </div>
  }
Run Code Online (Sandbox Code Playgroud)

我想将每个错误文本字段的类更改为"login_lbl_error".

有任何想法吗 ?

谢谢.

Cur*_*urt 6

使用MVC3,input-validation-errorCSS类将自动添加到具有验证错误的输入元素.

因此,在CSS中,您可以设置此类的样式:

.input-validation-error
{
   color:red;
}
Run Code Online (Sandbox Code Playgroud)

  • 并且没有办法覆盖该类名? (5认同)
  • @Ayyash你不能这样覆盖CSS类名,但是当出现错误时你可以获得额外的类名.请参阅我的回答:http://stackoverflow.com/questions/11468130/twitter-bootstrap-integration-to-asp-net-mvc-validation/21167935#21167935 (2认同)