CSS :in-range选择器

• 

  定义和用法

  :in-range选择器选择与作为规定范围内的值的所有元素。

  注意： :in-range选择器仅适用于具有min和/或max属性的input元素！

  提示：使用:out-of-range选择器选择值超出指定范围的所有元素。

  特征	说明
  CSS版本	CSS3

• 

  浏览器支持

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

  选择器	IE/Edge	Chrome	FireFox	Safari	Opera
  选择器名称
  :in-range	13.0*	53.0	50.0	10.1	40.0

  注意：*在Edge中，:in-range选择器也错误地选择没有min/max属性的input元素。
• 

  CSS语法

  :in-range {
    css declarations;
  }
  

• 

  实例

  仅当<input>元素的值为“在所设的范围内”时才选择并设置样式：

  input:in-range { 
    border: 2px solid yellow;
  }
  

  尝试一下
• 

  相关页面

  CSS教程：CSS伪类