:default

:defaultCSS疑似クラスで、関連する要素のグループ内で既定となっているフォーム上の要素を選択します。

このセレクターが何に一致するかについては、 HTML Standard §4.16.3 Pseudo-classes で定義されています。 — <button><input type="checkbox"><input type="radio"><option> 要素に一致させることができます。

  • 既定の option 要素は selected 属性が付いた最初のもの、または DOM 順で最初の有効な選択肢です。 multiple が付いた <select> は、複数の selected がついた選択肢を持つことができますので、すべてが :default に一致します。
  • <input type="checkbox"><input type="radio">checked 属性があるときに一致します。
  • <button><form>既定の送信ボタンである場合に一致します。フォームに所属する <button> のうち、 DOM 順で最初のものです。 (これはフォームを送信する <input> 型、例えば image または submit にも適用されます。)

構文

:default

HTML

<fieldset>
  <legend>Favorite season</legend>

  <input type="radio" name="season" id="spring">
  <label for="spring">Spring</label>

  <input type="radio" name="season" id="summer" checked>
  <label for="summer">Summer</label>

  <input type="radio" name="season" id="fall">
  <label for="fall">Fall</label>

  <input type="radio" name="season" id="winter">
  <label for="winter">Winter</label>
</fieldset>

CSS

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

input:default + label {
  color: coral;
}

結果

仕様書

仕様書 状態 備考
HTML Living Standard
:default の定義
現行の標準 変更なし。
HTML5
:default の定義
勧告 HTML に関する意味付けと制約の検証を定義。
Selectors Level 4
:default の定義
草案 変更なし。
CSS Basic User Interface Module Level 3
:default の定義
勧告 初回定義、但し意味の結びつけの定義はなし

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
:defaultChrome 完全対応 10Edge 未対応 なしFirefox 完全対応 4IE 未対応 なしOpera 完全対応 10Safari 完全対応 5WebView Android 完全対応 37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 5Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応
未対応  
未対応