验证消息颜色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>

- user3756817

---

你的CSS类必须被覆盖。尝试使用开发者工具或Firebug进行检查。 - Aniket Inge

你尝试过使用color: #e80c4d !important;吗？ - py3r3str

在Chrome调试器中检查应用CSS的类别。如果发现你的被忽略了，加上!important应该会有帮助。 - vesuvious

我尝试使用 !important；但它并没有起作用。当我使用调试器时，我发现它生成了一个 <span......> 标签，而我之前定义它的颜色为黑色。 - user3756817

你好我有一个问题，无法覆盖CSS表类我使用!important但不起作用我的CSS文件的一部分 table tr td {background: #F0EFE2; background: #FFF; color: #47433F; border-top: 1px solid #FFF;}当我使用“field-validation-error”类时，即使它是红色，也不起作用<td> <span class="field-validation-error" data-valmsg-for="nom_candidat" data-valmsg-replace="true">Le champ Nom est requis.</span> </td> - user3756817

Answer 1

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

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

为了得到更加通用的解决方法，您可以运行应用程序触发验证消息。在Chrome中，右键单击验证消息并检查元素，转到调试器窗口并跟踪与验证错误消息相关联的类。

前往文件 site.css 并如下所示覆盖默认的验证错误消息类：

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

- Frank Odoom

Answer 2

你可以使用以下代码来改变验证颜色：

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

- PriyankaLT