:checkedPseido-klases CSS izvēlas elementus, ja tie ir izvēlētajā valstī. Tas ir saistīts tikai ar radio un izvēles rūtiņas ievades ( ) elementiem. :checkedPseido klases selektors spēles radio un rūtiņa ievades veidus, kad pārbaudīts, vai pārslēgt uz on stāvoklī. Ja tie nav atlasīti vai atzīmēti, atbilstības nav.
Tātad, kad ir atzīmēta izvēles rūtiņa un jūs mērķējat etiķeti tūlīt pēc tās:
input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; ) Etiķetes teksts no pelēka kursīva kļūs par sarkanu parasto fontu.
CSS is Awesome CSS ir lielisks
Iepriekš minētais ir pseidoklases izmantošanas piemērs, :checkedlai veidlapas būtu pieejamākas. :checkedPseido-klase var izmantot ar slēpto ieejām un to redzamu marķējumu, lai izveidotu interaktīvu logrīki, piemēram, attēlu galerijas.
Vairāk resursu
- Atzīmējiet izvēles rūtiņu
- MDN dokumenti ieslēgti: atzīmēts
- W3C specifikācija: pārbaudīta
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jebkurš | 3.1+ | Jebkurš | 9+ | 9+ | jebkurš | jebkurš |