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)頁(yè)面

CSS 選擇器 :valid


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