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 伪类