Validation 验证失败时文本框周围的红色边框

我正在使用ASP.NETMVC2

验证失败时，Html.DropDownListFor和Html.TextAreaFor会自动获取红色边框

验证失败时，如何使文本框的四个边框（使用Html.TextBoxFor）变为红色

---

例如，我有一个必需的文本框，当用户提交表单而没有在文本框中指定值时，我希望文本框有红色边框。

当模型属性验证失败时，它将向html中的输入添加一个类。在验证失败时查看呈现的html（使用view source或firebug），并检查类以获取输入*。然后编辑css以包含失败验证的样式

例如，在我的项目中，我有：

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

HTHs，
查尔斯

---

*我很确定ASP.NET MVC在默认情况下会添加类

输入验证错误。
您只需执行以下CSS即可：

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

你的回答为我指明了正确的方向。我发现以下css（在Site.css中）：input[type=“text”]{width:200px；border:1px solid#CCC；}覆盖了这个css：。输入验证错误{border:1px solid#ff0000；背景色：#ffeee；}因此，当验证失败时，文本框的边框从未变为红色。通过将css更改为以下内容。输入验证错误{border:1px solid#ff0000！重要；背景颜色：#ffeee；}验证失败时，边框为红色。非常感谢使用此方法为我提供的帮助……
input[type='radio']。输入验证错误{border:1px solid#fff；背景颜色：#fff；}
请参阅