CSS :invalid选择器

• 

  定义和用法

  :invalid选择器选择的形式的元素与不根据该元素的设置不验证值。

  注意：无效选择器仅适用于具有限制的表单元素，例如具有最小和最大属性的输入元素，没有合法电子邮件的电子邮件字段或没有数字值的数字字段等。

  提示：使用:valid选择器选择具有根据元素设置验证的值的表单元素。

  特征	说明
  CSS版本	CSS3

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  选择器	IE/Edge	Chrome	FireFox	Safari	Opera
  选择器名称
  :invalid	10.0	10.0	4.0	5.0	10.0

• 

  CSS语法

  :invalid {
    css declarations;
  }
  

• 

  实例

  仅当<input>元素的值无效时才选择并设置样式：

  input:invalid { 
    border: 2px solid red;
  }
  

  尝试一下
• 

  相关页面

  CSS教程：CSS伪类