CSS :valid 選擇器

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

定義和用法

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

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

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

Examples

實例

實例

如果 input 元素中輸入的值為合法的，設置其為黃色:

input:valid
{
background-color: yellow;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

相關頁面

CSS 選擇器 :invalid 選擇器

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