css - MVC 验证输入验证错误 CSS 不工作

Question

早上好

当我已经有一个用于输入框的类时，我无法让输入验证错误 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 很烂)

Answer 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 所以它会自动获得更高的重要性。

这绝对是一个级联问题。