CSS :in-range 选择器

定义和使用

:in-range 选择器用于标签的值在指定区间值时显示的样式。

注意: :in-range 选择器只作用于能指定区间值的元素,例如 input 元素中的 min 和 max 属性。

 

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

:in-range 选择器支持所有主流浏览器,除了 Internet Explorer。

 

实例

输入的值在指定区间内时,设置指定样式:

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

在线运行