CSS :チェック済みセレクター
例
チェックされたすべての<input>要素の高さと幅を設定します。
input:checked {
height: 50px;
width: 50px;
}
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
セレクターは、チェックされたすべての:checked
<input>要素(ラジオボタンとチェックボックスのみ)および<option>要素と一致します。
バージョン: | CSS3 |
---|
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
Selector | |||||
---|---|---|---|---|---|
:checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS構文
:checked {
css declarations;
}
その他の例
例
チェックされているすべての<option>要素の高さと幅を設定します。
option:checked {
height: 100px;
width: 100px;
}
関連ページ
CSSセレクターリファレンス:CSS:disabledセレクター
CSSセレクターリファレンス:CSS:enabledセレクター