CSS :in-range伪类

定义和用法

CSS :in-range 伪类用于匹配值在范围内的任何元素。

注意::in-range 伪类用于具有min和/或max属性的<input>元素。

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

实例

仅当字段的值在范围内时,选择并设置输入字段的样式:

input:in-range {
  边框:2像素实线绿色;
  背景颜色:米色;
}

亲自试一试

CSS语法

:in-range {
  css声明;
}

技术细节

版本: CSS3

浏览器支持

表格中的数字指定了完全支持该伪类的首个浏览器版本。

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

相关页面

参考资料:ຜະສັງການ :out-of-range