: aktiveret - CSS-tricks

Anonim

Den :enabledpseudo-klasse i CSS vælger fokuserbar elementer, der ikke er deaktiveret, og derfor aktiveret. Det er kun forbundet med formelementer ( , , ). Aktiverede elementer inkluderer dem, som du kan vælge, som du kan indtaste data i, eller som du kan fokusere på eller klikke på.

Så når et afkrydsningsfelt er markeret, og du målretter mod etiketten umiddelbart efter det:

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

Etiketteksten bliver mørkegrå og kursiv, hvis afkrydsningsfeltet er aktiveret, hvilket betyder, at brugeren kan slå den til og fra.

I teorien :enabledskal det matche en , eller med href attributter, men browsere ser ikke ud til at håndtere dette scenario. Du kan style , , , , og s, der ikke er handicappede. Når der understøttes, skal vi også være i stand til at målrette mod og

  • er børn af , hvis ikke handicappede.

    Du ville også tro, at elementer med contenteditable og tabindex attributter kunne vælges med :enabled pseudoklassen. Specifikationen angiver ikke dette, og browsere understøtter det heller ikke.

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