验证消息颜色 ASP.NET MVC 4

Question

我正在使用 ASP.NET MVC 4 Razor。

我想将验证颜色消息更改为红色。 即使我更改了 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;
}

Answer 2

您可以使用这段代码来更改验证颜色：

@Html.ValidationMessageFor(m=>m.FirstName, "", new{@class="text-danger"})