:checkedPseudo-class CSS vybere prvky, když jsou ve vybraném stavu. Je spojen pouze s prvky input ( ) typu radio a zaškrtávací políčko. :checkedVolič pseudo-class zápasů rozhlasové a zaškrtnutí políčka typů vstupů při kontrole nebo se přepne do zapnutého stavu. Pokud nejsou vybrány nebo zaškrtnuty, nedojde k žádné shodě.
Když je tedy zaškrtnuto políčko a cílíte na štítek bezprostředně za ním:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Text štítku se změní ze šedé kurzívy na červené normální písmo.
CSS is Awesome CSS je úžasné
Výše uvedené je příkladem použití :checkedpseudotřídy ke zpřístupnění formulářů. :checkedPseudo-class může být použit s skryté vstupy a jejich viditelné štítky vybudovat interaktivní widgety, například obrazových galerií.
Další zdroje
- Zaškrtávací políčko hack
- Dokumenty MDN zapnuty: zaškrtnuto
- Specifikace W3C: zaškrtnuto
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Žádný | 3.1+ | Žádný | 9+ | 9+ | žádný | žádný |