:default既定値となっているフォーム関連要素にスタイルを適用する
:default
疑似クラスは、option
要素、button
要素、および type="submit"
、type="image"
、type="checkbox"
、type="radio"
をもつ input
要素のうち、既定値となっている要素にスタイルを適用します。
既定値となっている要素とは、例えば、checked
属性が付与された type="checkbox"
や type="radio"
をもつ input
要素、selected
属性が付与された option
要素が該当します。なお、form
要素内で最初に出てくるボタン(button
要素、および type="submit"
、type="image"
をもつ input
要素) は既定のボタンになり、この疑似クラスの対象となります。
:defaultのサンプルソース
input:default + label { background-color: #f1f8e9; border-radius: 2px; display: inline-block; padding: 2em 1em; }
主要ブラウザの対応
IE11 | × |
---|---|
Edge(EdgeHTML) | × |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |