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。如何更改我的样式，以使文本框的边框变为红色？

我也有我的文字区域定义为：

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; 
} 

将完成这项工作。