: omogućeno - CSS-trikovi

Anonim

:enabledPseudo-klase u CSS odabire s mogućnošću fokusiranja elemenata koji nisu onemogućene, a time omogućeno. Je povezana samo s elementima (oblik , , ). Omogućeni elementi uključuju one koje možete odabrati, u koje možete unijeti podatke ili na koje se možete usredotočiti ili kliknuti.

Dakle, kada je potvrđen potvrdni okvir i ciljate oznaku odmah nakon nje:

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

Tekst naljepnice bit će tamno sive boje i kurziv ako je potvrdni okvir omogućen, što znači da ga korisnik može uključivati ​​i isključivati.

U teoriji :enabledbi se trebao podudarati s atributom , ili s hrefatributima, ali čini se da preglednici ne podnose taj scenarij. Možete stil , , , , i S koji nisu onemogućen. Kad se to podrži, trebali bismo biti u mogućnosti ciljati i

  • koji su djeca , ako ne i invalidi.

    Također biste pomislili da se elementi sa contenteditable i tabindex atributi mogu odabrati s :enabled pseudo-klasom. Specifikacija to ne navodi, niti preglednici to podržavaju.

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