CSS:invalid選擇器

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

定義和使用

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

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

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

Examples

實例

實例

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

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

相關頁面

CSS 選擇器 :valid

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