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

我正在使用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;}

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

我还将我的文本区域定义为：

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

边框设置为红色。

因为

输入[type=“text”]

比

小。输入验证错误

，所以它具有优先权

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

---

大卫：如果它需要优先权，那么为什么它要把背景颜色改成“ffeee”？是因为在输入[type=“text”]中没有指定颜色吗？我的样式中定义了一个textarea，它的属性与textbox完全相同，并且它的边框颜色设置为红色。这是我的css类：textarea{border:1px solid#c9d7e1；padding left:2px；}没有css类这样的东西。这是一个CSS规则集。它甚至没有类选择器。为什么它要将文本区域的边框设置为红色而不是文本框。没有意义。因为

textarea

比

更不具体。输入验证错误

比

input[type=“text”]