チェックされた要素にスタイルを指定する

UI要素状態擬似クラス　checked

要素名: checked 【 チェックト 】 {～}

type="checkbox"、type="radio"を指定したinput要素で設置できる、チェックボックスやラジオボタンがチェックされたときにスタイルを適用します。

セレクタの使用例

以下の例では、チェックされたチェックボックスにスタイルを指定し、チェックボックスのサイズを大きく表示しています。

type[checkbox]:checked{
  width: 50px;
  height: 50px;
}