CSS :valid 選擇器


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

定義和用法

:valid 和 :invalid 選擇器分別匹配已滿足或失敗其輸入驗(yàn)證要求的輸入元素。

:valid 選擇器在表單元素的值需要根據(jù)指定條件驗(yàn)證時(shí)設(shè)置指定樣式。

注意: :valid 選擇器只作用于能指定區(qū)間值的元素,例如 input 元素中的 min 和 max 屬性,及正確的 email 字段, 合法的數(shù)字字段等。


Examples

實(shí)例

實(shí)例

如果 input 元素中輸入的值為合法的,設(shè)置其為黃色:

input:valid
{
background-color: yellow;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

:valid 選擇器支持所有主流瀏覽器。

Internet Explorer 9 及更早IE版本不止 :required 選擇器。


相關(guān)頁面

CSS 選擇器 :invalid 選擇器


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