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 |