CSS :in-range 選擇器

完整CSS選擇器參考手冊(cè) 完整CSS選擇器參考手冊(cè)

定義和用法

:in-range 選擇器匹配范圍內(nèi)的輸入元素，用于標(biāo)簽的值在指定區(qū)間值時(shí)顯示的樣式。

注意： :in-range 選擇器只作用于能指定區(qū)間值的元素，例如 input 元素中的 min 和 max 屬性。

Examples

實(shí)例

實(shí)例

輸入的值在指定區(qū)間內(nèi)時(shí)，設(shè)置指定樣式:

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

:in-range 選擇器支持所有主流瀏覽器，除了 Internet Explorer。

相關(guān)文章

CSS 選擇器 :out-of-range

完整CSS選擇器參考手冊(cè) 完整CSS選擇器參考手冊(cè)