擬似クラス default

擬似クラス defaultは、デフォルトタイプを持つグループ内の1つの要素のスタイルを設定します。これらの要素は、親タグ <form> 内にある必要があります。

構文

cssセレクター:default {
  
}

例

デフォルトタイプの例として、値が submit の属性 type があります。これらのボタンの1つに青色の背景を設定してみましょう:

html<form>
  <p>
    <label>数値を入力</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>

css:default {
  background-color:  #C2DDFD;
}

Результат:

関連項目