CSS :user-invalid 偽類

定義和用法

CSS :user-invalid 偽類用于在用戶與之交互后設置無效表單元素的樣式。

提示：使用 :user-valid 偽類設置有效表單元素的樣式（在用戶交互后）。

實例

在用戶與之交互后設置無效的 <input> 元素的樣式：

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

親自試一試

CSS 語法

:user-invalid {
  css declarations;
}

技術細節

版本： CSS4

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
119 119 88 16.5 105

相關頁面

參考：CSS :user-valid 偽類