: aktivert - CSS-triks

Anonim

Den :enabledpseudo-klasse i CSS velger fokuserbar elementer som ikke er deaktivert, og derfor aktivert. Det er bare forbundet med formelementer ( , , ). Aktiverte elementer inkluderer de som du kan velge, som du kan legge inn data i, eller som du kan fokusere på eller klikke.

Så når en avkrysningsrute er merket av, og du målretter mot etiketten umiddelbart etter den:

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

Merketeksten blir mørk grå og kursiv hvis avkrysningsruten er aktivert, noe som betyr at brukeren kan slå den av og på.

I teorien :enabledskal det matche en , , eller med href attributter, men nettlesere ser ikke ut til å håndtere det scenariet. Du kan style , , , , og s som ikke er deaktivert. Når støttes, bør vi også kunne målrette og

  • er barn av , hvis ikke funksjonshemmede.

    Du skulle også tro at elementer med contenteditable og tabindex attributter ville være valgbare med :enabled pseudoklassen. Spesifikasjonen oppgir ikke dette, og nettlesere støtter det ikke.

    Chrome Safari Firefox Opera DVS Android iOS
    Alle 3.1 Alle 9 9 Alle Alle