CSS :in-range 伪类

定义和用法

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

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

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

实例

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

input:in-range {
  border: 2px solid green;
  background-color: beige;
}

亲自试一试

CSS 语法

:in-range {
  css declarations;
}

技术细节

版本： CSS3

浏览器支持

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

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

相关页面

参考：CSS :out-of-range 伪类