验证消息颜色asp.net mvc 4

Question

我正在使用asp.net mvc4剃须刀

我想将验证颜色消息更改为红色,即使我更改了Css文件也无法正常工作

我的css文件

.field-validation-error {
  color: #e80c4d;
  font-weight: bold;
}

.field-validation-valid {
  display: none;
}

input.input-validation-error {
  border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
  border: 0 none;
}

.validation-summary-errors {
  color: #e80c4d;
  font-weight: bold;
  font-size: 1.1em;
}

.validation-summary-valid {
  display: none;
 }

我的观点的一部分

<td>@Html.LabelFor(model => model.nom_candidat)</td>
 <td>
  @Html.TextBoxFor(model => model.nom_candidat)
  @Html.ValidationMessageFor(Model => Model.nom_candidat)
 </td>

Answer 1

您可以将样式属性作为第三个参数传递给剃刀视图中的ValidationMessageFor方法,如下所示:

@Html.ValidationMessageFor(m=>m.StudentName, "",new { @style="color:red" })

对于更通用的解决方案.您还可以运行应用程序触发验证消息,在chrome中,右键单击验证消息并检查元素,转到调试器窗口并跟踪与验证错误消息关联的类.

转到site.css并覆盖默认的验证错误消息类,如下所示:

span.field-validation-error{
     color:red;

}