CSS類將不會覆蓋邊框樣式

我已將所有文本字段設爲灰色邊框樣式，對於帶有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來說明問題。

來源

2013-06-25 Andersson

試試這個：

.form_field_error { 
    border: 1px solid #f00 !important; 
}

來源

2013-06-25 17:14:38 Gimmy

感謝，這爲我工作！因爲我想爲幾種類型的輸入（textareas，選擇等）使用相同的類，我會使用此解決方案。 – Andersson

你有沒有試過指定哪個div應用紅色邊框來做這個？

input.form_field_error { 
    border: 1px solid red; 
}

而且在一個側面說明 - 你設置爲「標題」的ID是隻爲一個或你想重新使用的？

因爲你也可以這樣做 - >

#title.form_field_error { 
    border: 1px solid red; 
}

來源

2013-06-25 17:11:34

的input[type="text"] CSS優先於.form_field_error CSS。

將其更改爲input.form_field_error並且邊框將起作用。

來源

2013-06-25 17:13:18 Dmiller89

CSS類將不會覆蓋邊框樣式

回答

相關問題