CSS :in-range 選擇器

完整CSS選擇器參考手冊 完整CSS選擇器參考手冊

定義和用法

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

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


Examples

實例

實例

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

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


相關(guān)文章

CSS 選擇器 :out-of-range


完整CSS選擇器參考手冊 完整CSS選擇器參考手冊