CSS :invalid 選擇器

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

定義和使用

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

:invalid 選擇器用于在表單元素中的值是非法時(shí)設(shè)置指定樣式。

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

Examples

實(shí)例

實(shí)例

如果 input 元素中的值是非法的，設(shè)置樣式為紅色：

input:invalid
{
border:2px solid red;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

相關(guān)頁面

CSS 選擇器 :valid

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