當有人填寫字段時,我只需要改變輸入字段的背景顏色。如果沒有,保留默認的背景色。在bootstrap中沒有額外的類的情況下,有什么方法可以做到這一點嗎?
我試過了,但運氣不好。當焦點不在時,背景色會消失。
<div class="form-group">
<input type="text" class="form-control">
</div>
.form-control:active,
.form-control:focus,
.form-control:focus:active {
background-color: #96d3ec!important;
border-color: #96d3ec;
color: white;
}
Jsfiddle
對輸入字段使用“必需”驗證屬性:
.form-control:valid {
background-color: #96d3ec!important;
}
<div class="form-group">
<input type="text" class="form-control" required>
</div>