例子

僅當(dāng)<input>元素的值在“范圍內(nèi)”時(shí)才選擇和設(shè)置樣式：

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

定義和使用

:in-range 選擇器選擇值在指定范圍內(nèi)的所有元素。

注意：:in-range 選擇器僅適用于具有范圍限制的元素，例如具有 min 和 max 屬性的輸入元素。

提示：使用:out-of-range 選擇器選擇所有值超出指定范圍的元素。

瀏覽器支持

表中的數(shù)字指定了第一個(gè)完全支持選擇器的瀏覽器版本。

CSS 語(yǔ)法

:in-range {
    css declarations;
}