我已將所有文本字段設爲灰色邊框樣式,對於帶有class="form_field_error"
的字段,我希望邊框顏色更改爲紅色。CSS類將不會覆蓋邊框樣式
我已經嘗試了下面的代碼,但是我無法讓我的類覆蓋之前定義的邊框?我錯過了什麼?
HTML:
<input type="text" name="title" id="title" class="form_field_error">
CSS:
input[type="text"] {
display: block;
height: 15px;
font-weight: normal;
color: #777;
padding: 3px;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.form_field_error {
border: 1px solid #f00;
}
我創建了一個jsFiddle來說明問題。
感謝,這爲我工作!因爲我想爲幾種類型的輸入(textareas,選擇等)使用相同的類,我會使用此解決方案。 – Andersson