CSS :user-invalid パseudoクラス

定義と用法

CSS :user-invalid ユーザーがインタラクションを行った後に無効なフォーム要素のスタイルを設定するためのパseudoクラス

ヒント：使用方法 :user-valid ユーザーがインタラクションを行った後に有効なフォーム要素のスタイルを設定するパseudoクラス

例

ユーザーがインタラクションを行った後に無効な<input>要素のスタイルを設定します：

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

自分で試してみてください

CSS文法

:user-invalid {
  css宣言;
}

技術的詳細

バージョン： CSS4

ブラウザのサポート

テーブルの数字は、そのパseudoクラスを完全にサポートする最初のブラウザのバージョンを指定しています。

クローム エッジ ファイアフォックス サファリ オペラ
119 119 88 16.5 105

相关页面

参考：CSS :user-valid 伪类