擬似クラス default
擬似クラス defaultは、デフォルトタイプを持つグループ内の1つの要素のスタイルを設定します。これらの要素は、親タグ <form> 内にある必要があります。
構文
セレクター:default {
}
例
デフォルトタイプの例として、値が submit の属性 type があります。これらのボタンの1つに青色の背景を設定してみましょう:
<form>
<p>
<label>数値を入力</label>
<input type="number">
</p>
<p>
<input type="submit">
<input type="submit">
<input type="reset">
</p>
</form>
:default {
background-color: #C2DDFD;
}
:
関連項目
-
擬似クラス
:fullscreen,
フルスクリーンモードの要素にスタイルを設定する -
擬似クラス
:in-range,
指定された値の範囲を持つ要素にスタイルを設定する -
擬似クラス
:invalid,
不正な値が入力されたinputにスタイルを設定する -
擬似クラス
:optional,
required属性を持たないinputにスタイルを設定する -
擬似クラス
:out-of-range,
範囲外の値を持つ要素にスタイルを設定する -
擬似クラス
:focus-within,
フォーカスされた要素にスタイルを設定する
