CSS :user-invalid 伪类

定义和用法

CSS :user-invalid 伪类用于在用户与之交互后设置无效表单元素的样式。

提示：使用 :user-valid 伪类设置有效表单元素的样式（在用户交互后）。

实例

在用户与之交互后设置无效的<input>元素的样式：

input:user-invalid {
  border: 2px solid red;
  background-color: beige;
}

亲自试一试

CSS语法

:user-invalid {
  css声明;
}

技术细节

版本： CSS4

浏览器支持

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

Chrome Edge Firefox Safari Opera
119 119 88 16.5 105

Relaterade sidor

Referens:CSS :user-valid pseudoklass