:checked 疑似クラス CSS プロパティとは
トピック:ラジオボタン(<input type="radio">)、チェックボックス(<input type="checkbox">)、オプションボタン(<select>要素の<option>)がチェックされたすべての要素に一致する、ことができる チェックされているかどうかを意味する
疑似クラスセレクター :checked
実例 コード 1
サンプル コードを試すinput:checked {
height: 50px;
width: 50px;
}
CSSコード:例
:checked{
margin-left:25px; border:1px solid blue;
}
構文
:checked { css : properties ; }
疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| :checked | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯あり | フルサポート◯1 | フルサポート◯9 | フルサポート◯9 | フルサポート◯3.1 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| :checked | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯2.1 | 不明 | フルサポート◯あり | フルサポート◯4 | フルサポート◯9.5 | フルサポート◯3.1 | 不明 |
|---|
CSS :checked 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef