:checked

:checked は CSS の擬似クラスセレクターで、ラジオボタン ()、 チェックボックス ()、 オプションボタン ( の中の ) 要素がチェックされていたり on の状態にあったりすることを表します。

/* すべての選択中のラジオボタン、チェックボックス、オプションボタン */
:checked {
  margin-left: 25px;
  border: 1px solid blue;
}

ユーザーは要素をチェック/選択することでこの状態にすることができ、要素のチェックや選択を外すとこの状態から外れます。

出典