: aktiverat - CSS-tricks

Anonim

Den :enabledpseudo klass i CSS väljer fokuserbara element som inte inaktiveras, och därför aktiverat. Den är endast förknippad med formelement ( , , ). Aktiverade element inkluderar sådana som du kan välja, som du kan ange data i, eller som du kan fokusera på eller klicka på.

Så när en kryssruta är markerad och du riktar in dig på etiketten direkt efter den:

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

Etiketttexten blir mörkgrå och kursiv om kryssrutan är aktiverad, vilket innebär att användaren kan slå på och av den.

I teorin :enabledska matcha ett , eller med href attribut, men webbläsare verkar inte hantera detta scenario. Du kan styla , , , , och s som inte är handikappade. När stöds bör vi också kunna rikta in och

  • är barn till , om inte funktionshindrade.

    Du skulle också tro att element med contenteditable och tabindex attribut skulle kunna väljas med :enabled pseudoklassen. Specifikationen anger inte detta, och inte heller stöder webbläsare det.

    Krom Safari Firefox Opera IE Android iOS
    Allt 3.1 Allt 9 9 Allt Allt