CSS :invalid 伪类

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

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

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

定义和用法

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

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

注意： 如果一组单选按钮中有任何一个是必需的，那么如果该组中没有选择任何单选按钮，此伪类将应用于所有单选按钮。

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

版本	CSS4

表中数字表示该伪类完全支持的第一个浏览器版本。

伪类
:invalid	10	12	4	5	10

:invalid {
CSS 声明;
}