CSS :invalid 偽類

定義和用法

CSS :invalid 偽類用于設置無效表單元素的樣式。

注意：此偽類僅適用于具有限制的表單元素，例如具有 min 和 max 屬性的輸入元素、沒有合法電子郵件的電子郵件字段或沒有數值的數字字段等。

注意：如果單選按鈕組中的任何一個單選按鈕是必填的，則在組中沒有任何單選按鈕被選中時，此偽類將應用于所有單選按鈕。

提示：使用 :valid 偽類設置有效表單元素的樣式。

實例

設置無效的 <fieldset> 和 <input> 元素的樣式：

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

親自試一試

CSS 語法

:invalid {
  css declarations;
}

技術細節

瀏覽器支持

表格中的數字指定了完全支持該偽類的首個瀏覽器版本。

相關頁面

參考：CSS :valid 選擇器