Css类不改变文本框的边框颜色

Question

我正在使用ASP.NET MVC 3和FluentValidation来验证我的视图模型。

我目前的文本框样式如下：

input[type="text"]{border:1px solid #c9d7e1;padding-left:2px;}

如果输入有错误，我有一个验证器css类：

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

当验证开始时，文本框的背景颜色是#ffeeee，这是正确的，但它不会使文本框的边框变为红色（＃ff0000）。它仍然是＃c9d7e1。如何更改样式以使文本框的边框变红？

我的textareas定义为：

textarea{border:1px solid #c9d7e1;padding-left:2px;}

并且边框设置为红色。

Answer 1

由于input[type="text"]为more specific而非.input-validation-error，因此优先。

input[type="text"].input-validation-error{
    border:1px solid #ff0000;
    background-color:#ffeeee;
}

将完成这项工作。