疑似クラス required
疑似クラス required は、
required 属性を持つ input 要素、
つまり入力が必須の要素に適用されるスタイルを
設定します。
構文
セレクタ:required {}
例
必須入力欄に青色の背景を設定してみましょう：
<form>
<p>
<label>数値を入力</label>
<input type="number" required>
</p>
<p>
<label>テキストを入力</label>
<input type="text">
</p>
</form>
input:required {
background-color: #C2DDFD;
}
:
関連項目
-
疑似クラス
:optional,
これは required 属性を持たない input 要素にスタイルを設定します。 -
疑似クラス
:default,
これはデフォルトの要素にスタイルを設定します。 -
疑似クラス
:indeterminate,
これは不確定な状態にあるラジオボタンやチェックボックスにスタイルを設定します。 -
疑似クラス
:read-only,
これは変更不可能な input 要素にスタイルを設定します。 -
疑似クラス
:read-write,
これは変更可能な input 要素にスタイルを設定します。
