: povolené - Triky CSS

Anonim

:enabledPseudo-class CSS vyberie zaostrovací prvky, ktoré nie sú zakázané, a preto je povolené. To je len spojená s formulárových prvkov ( , , ). Medzi povolené prvky patria prvky, ktoré môžete vybrať, do ktorých môžete zadať údaje, alebo na ktoré sa môžete zamerať alebo na ktoré kliknúť.

Keď je teda začiarknuté políčko a štítok zacielite bezprostredne za ním:

input:enabled + label ( color: #333; font-style: italic; )

Ak je začiarkavacie políčko povolené, text štítku bude tmavošedý a kurzívou, čo znamená, že ho používateľ môže zapínať a vypínať.

Teoreticky :enabledby mal zodpovedať atribútu , alebo s hrefatribútmi, ale zdá sa, že tento scenár prehliadače nezvládajú. Môžete štýl , , , , a ov, ktoré nie sú zakázané. Ak je podporovaná, mali by sme byť schopní zacieliť a

  • sú to deti , ak nie sú zdravotne postihnuté.

    Tiež by ste si mysleli, že prvky contenteditable a tabindex atribúty by sa dali vyberať pomocou :enabled pseudotriedy. Špecifikácia to neuvádza a prehliadače to nepodporujú.

    Chrome Safari Firefox Opera IE Android iOS
    Všetky 3.1 Všetky 9 9 Všetky Všetky