: įjungtas - CSS-gudrybės

Anonim

:enabledPseudo klasė CSS parenka sufokusuojamą elementų, kurie nėra išjungtas, todėl įjungtas. Ji yra susieta tik su formos elementų ( , , ). Įgalinti elementai apima tuos, kuriuos galite pasirinkti, į kuriuos galite įvesti duomenis arba į kuriuos galite sutelkti dėmesį arba spustelėti.

Taigi, kai pažymėtas žymimasis laukelis ir jūs nukreipiate etiketę iškart po jos:

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

Jei žymės langelis įgalintas, etiketės tekstas bus tamsiai pilkas ir kursyvas, o tai reiškia, kad vartotojas gali jį įjungti ir išjungti.

Teoriškai tai :enabledturėtų atitikti atributus , arba su hrefatributais, tačiau panašu, kad naršyklės to scenarijaus netvarko. Galite stiliaus , , , , ir s, kurios nėra išjungtas. Kai palaikoma, mes taip pat turėtume sugebėti nukreipti ir

  • tai vaikai , jei ne neįgalūs.

    Jūs taip pat manote, kad elementus su atributais contenteditable ir tabindexatributus galima pasirinkti naudojant :enabled pseudo klasę. Specifikacija to nenurodo, naršyklės to nepalaiko.

    „Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
    Viskas 3.1 Viskas 9 9 Viskas Viskas