CSS :invalid 伪类

定义和用法

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

注意：此伪类仅适用于具有限制的表单元素，例如具有 min 和 max 属性的输入元素、没有合法电子邮件的电子邮件字段或没有数值的数字字段等。

注意：如果单选按钮组中的任何一个单选按钮是必填的，则在组中没有任何单选按钮被选中时，此伪类将应用于所有单选按钮。

提示：使用 :valid 伪类设置有效表单元素的样式。

实例

设置无效的 <fieldset> 和 <input> 元素的样式：

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

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

亲自试一试

CSS 语法

:invalid {
  css declarations;
}

技术细节

浏览器支持

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

相关页面

参考：CSS :valid 选择器