CSS :valid 选择器

当<input> 元素的值有效时，仅选择并设置样式

input:valid {
background-color: yellow;
}

定义和用法

:valid 选择器选择值根据元素设置进行验证的表单元素。

注意: :valid 选择器仅适用于具有限制的表单元素，例如具有 min 和 max 属性的输入元素、合法的电子邮件地址的 email 字段、或数值字段等。

提示: 使用 :invalid 选择器来选择值不符合元素设置的表单元素。

版本	CSS3

表格中的数字表示首次完全支持该选择器的浏览器版本。

选择器
:valid	10.0	10.0	4.0	5.0	10.0

:valid {
CSS 声明;
}