CSS :required パseudoクラス

定義と使用方法

CSS :required パseudoクラスは、必須のフォーム要素のスタイルを選択および設定するために使用されます（適用範囲： <input>、<select> および <textarea>）。

required属性を持つフォーム要素は必須と定義されています。

ヒント：使用方法 :optional パseudoクラスを使用して、選択および設定可能なフォーム要素を表します。

例

required属性を持つ任何<input>要素のスタイルを選択し設定します。また、required属性を持たない任何<input>要素のスタイルも設定します：

input:optional {
  background-color: lightgreen;
}
input:required {
  background-color: pink;
  border-color: red;
}

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

CSSの構文

:required {
  cssの宣言;
}

技術的な詳細

ブラウザのサポート

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

関連ページ

参照：CSS :optional 伪类