色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

Bootstrap表單輸入改變文本輸入的背景顏色并恢復空白字段

錢多多2年前7瀏覽0評論

當有人填寫字段時,我只需要改變輸入字段的背景顏色。如果沒有,保留默認的背景色。在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>