:checkedPseudo klasė CSS parenka elementus, kai jie yra pasirinktos valstybės. Jis susietas tik su radijo ir žymimo langelio tipo įvesties ( ) elementais. :checkedPseudo klasės selektorių rungtynes, kai tikrinama ar toggled į Valstybinio radijo ir žymėjimą įvesties tipus. Jei jie nėra pažymėti ar pažymėti, atitikties nėra.
Taigi, kai pažymėtas žymimasis laukelis ir jūs nukreipiate etiketę iškart po jos:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Etiketės tekstas iš pilkos kursyvo virs raudonu įprastu šriftu.
CSS is Awesome CSS yra nuostabus
Aukščiau pateiktas :checkedpseudo klasės naudojimo pavyzdys, kad formos būtų lengviau prieinamos. :checkedPseudo klasė gali būti naudojamas su paslėptų sąnaudų ir jų matomų etikečių statyti interaktyvių raštai, pavyzdžiui, vaizdo galerijose.
Daugiau išteklių
- Pažymėkite žymimąjį laukelį
- MDN dokumentai įjungti: pažymėta
- W3C specifikacija: patikrinta
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Bet koks | 3.1+ | Bet koks | 9+ | 9+ | bet koks | bet koks |