CSS :invalid 偽類
示例
為無效的 <fieldset> 和 <input> 元素設定樣式
fieldset:invalid {
border: 2px solid red;
background-color: beige;
}
input:invalid {
border: 2px solid red;
background-color: beige;
}
自己動手試一試 »
定義和用法
:invalid
偽類用於為無效的表單元素設定樣式。
注意: 此偽類僅適用於具有限制的表單元素,例如具有 min 和 max 屬性的 input 元素、沒有合法電子郵件的電子郵件欄位或沒有數值的數字欄位等。
注意: 如果一組單選按鈕中有任何一個是必需的,那麼如果該組中沒有選擇任何單選按鈕,此偽類將應用於所有單選按鈕。
提示: 使用 :valid 偽類為有效的表單元素設定樣式。
版本 | CSS4 |
---|
瀏覽器支援
表中數字表示該偽類完全支援的第一個瀏覽器版本。
偽類 | |||||
---|---|---|---|---|---|
:invalid | 10 | 12 | 4 | 5 | 10 |
CSS 語法
相關頁面
CSS 選擇器 :valid