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 |
CSS 语法
相关页面
CSS 选择器 :valid