当输入字段的值发生更改时更改背景颜色？答案

【问题标题】：change background color when value of an input field has changed?当输入字段的值发生更改时更改背景颜色？
【发布时间】：2020-10-09 02:54:09
【问题描述】：

我有一个角度反应形式，我想在值更改时更改所有输入字段的背景颜色。一些输入字段是预先填充的，而不是必填字段。我尝试了following solution I found out，但它需要我的输入字段：

<div class="form-group">
  <input type="text" class="form-control" required>
</div>

.form-control:valid {
  background-color:  #96d3ec!important;
}

想知道表单控件是否有类似的东西：

.form-control:changed {
  background-color:  #96d3ec!important;
}

【问题讨论】：

【解决方案1】：

您找到的解决方案不需要您的输入字段。（解决方案的第二个代码sn-p）。

只有解决方案的第一个代码sn-p需要必填字段，以确保验证。

【讨论】：

【解决方案2】：

不！你可以在这里查看所有其余的伪类https://developer.mozilla.org/en-US/docs/Web/CSS/:valid 并且没有 :change 伪类。请使用更改事件来实现此功能。

【讨论】：