CSS :valid 伪类

定义和用法

CSS :valid 伪类用于设置有效表单元素的样式。

提示：使用 :invalid 选择器设置无效表单元素的样式。

实例

选择并设置有效的 <input> 元素的样式：

input:valid {
  background-color: beige;
  border: 2px solid green;
}

亲自试一试

CSS 语法

:valid {
  css declarations;
}

技术细节

版本： CSS4

浏览器支持

表格中的数字指定了完全支持该伪类的首个浏览器版本。

Chrome Edge Firefox Safari Opera
10 12 4 5 10

相关页面

参考：CSS :invalid 伪类