它不會覆蓋類

如果用戶沒有正確輸入字段，它將顯示錯誤消息class="ErrorInput"和class="TextError"。它不會覆蓋類

我在ErrorInput類中遇到問題，當它在html標記中定義時 - 它不會覆蓋默認輸入類。

HTML：

<li> 
    <label>First Name</label> 
    <input type="text" value="" class="ErrorInput" name="firstname"> 
    <div class="TextError">Please enter First Name</div> 
</li> 
<li> 
    <label>Second Name</label> 
    <input type="text" value="Gates" name="secondname"> 
</li>

CSS：

.FormStyle .ErrorInput { 
    border: #AD2930; 
} 

.FormStyle input[type=text], .FormStyle textarea { 
    padding: 3px; 
    display: inline-block; 
    width: 290px; 
    border: 1px solid #BDC7D8; 
    margin: 0; 
    font-size: 12px; 
}

來源

2012-10-01 I' ll-Be-Back

我不知道（也許這不是必須的），但是你缺少輸入標籤的結束標籤。 –

您在兩個.FormStyle .ErrorInput和.FormStyle input[type=text]

定義border-colour的輸入作爲.FormStyle input[type=text]比.FormStyle .ErrorInput更具體而言，#BDC7D8顏色被應用。

您需要做第一CSS選擇器更具體爲它覆蓋第2色

.FormStyle input[type=text].ErrorInput { 
    border-color: #AD2930; 
}

來源

2012-10-01 17:32:15

您需要正確指定邊界：

.FormStyle .ErrorInput { 
    border: 1px solid #AD2930; 
}

而這個css部分必須放在之後的輸入樣式

來源

2012-10-01 17:32:41 Caelea

它不會覆蓋類

回答

相關問題