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"]它更具体,.input-validation-error所以优先考虑.

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

会做的.