CSS :checked 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

: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 ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:checkedChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯ありフルサポート◯1フルサポート◯9フルサポート◯9フルサポート◯3.1

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:checkedAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯2.1 不明フルサポート◯ありフルサポート◯4フルサポート◯9.5フルサポート◯3.1 不明
:checked 疑似クラス 関連記事
CSS :checked 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :checked 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS