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; }
技术细节
版本: | CSS4 |
---|
浏览器支持
表格中的数字指定了完全支持该伪类的首个浏览器版本。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
10 | 12 | 4 | 5 | 10 |