Pseudoklasa CSS :checked

Pseudoklasa CSS :checked wybiera przyciski radiowe (input type="radio"), pola wyboru (input type="checkbox") i elementy opcji (option), które zostały wybrane lub zaznaczone przez użytkownika.

Przykład użycia :checked

Poniższa reguła CSS spowoduje, że zaznaczone przyciski radiowe i pola wyboru formularza będą miały czerwone obramowanie o grubości 3 pikseli:

<style>
  :checked {outline: 3px solid red}
>/style>
…
<input type="radio">
<input type="checkbox">

Efekt:

Składnia :checked

Składnia pseudoklasy :checked:

:checked {...}