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

將完成這項工作。