MVC 验证输入验证错误 CSS 不起作用答案

【问题标题】：MVC Validation input-validation-error CSS not workingMVC 验证输入验证错误 CSS 不起作用
【发布时间】：2013-10-17 19:06:15
【问题描述】：

早上

当我已经有一个用于输入框的类时，我无法让 input-validation-error css 工作。

<%=Html.TextBox("FirstName", null, new { @Class = "text" })%>
<%=Html.ValidationMessage("FirstName", new { @style = "color: red;", @Class = "errorInValid" })%>

如果我取出新的 { @Class = "text" } 那么

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: red !important;     
}

上面的 CSS 有效。

帮助

问候，皮特

提前致谢（我对 CSS 很垃圾）

【问题讨论】：

标签： css asp.net-mvc validation asp.net-mvc-validation

【解决方案1】：

不是真正的答案，但请尝试检查类在 css 中的应用顺序。

input-validation-error 通常在任何其他类之前呈现

<input type="text" class="input-validation-error text-box single-line">

尝试将它放在 firebug 的末尾，看看是否有变化 - 可能它被另一条规则覆盖了。

不知道您的 .text 类是如何定义的 - 您也可以尝试将 .input-validation-error 定义为 form .input-validation-error 所以它自动获得更高的重要性。

这绝对是一个级联问题。

【讨论】：

【解决方案2】：

同时添加 .input-validation-error 和 .input.input-validation-error 类。

【讨论】：