CSS :default パシフィク

定義と使用方法

CSS :default パシフィクは、関連する要素グループのデフォルトのフォーム要素を選択するために使用されます。

このパシフィクは <button>、<input type="checkbox">、<input type="radio">、および <option> 要素で使用できます。

例

例1

デフォルトの入力要素に赤い影を追加します：

input:default {
  box-shadow: 0 0 2px 2px red;
}

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

例2

単一選択ボタン、チェックボックス、オプションに異なるデフォルトのスタイルを設定します：

input[type=radio]:default {
  box-shadow: 0 0 5px 3px blue;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px maroon;
}
option:default {
  color: blue;
  background-color: pink;
}

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

CSS文法

:default {
  css宣言;
}

技術的詳細

ブラウザのサポート

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