: povoleno - Triky CSS

Anonim

:enabledPseudo-class CSS vybere zaostřovací prvky, které nejsou zakázány, a proto je povoleno. To je pouze spojena s formulářových prvků ( , , ). Mezi povolené prvky patří ty, ve kterých můžete vybrat, do kterých můžete zadávat data nebo na které se můžete zaměřit nebo na které kliknout.

Když je tedy zaškrtnuto políčko a cílíte na štítek bezprostředně za ním:

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

Pokud je zaškrtávací políčko zaškrtnuto, text štítku bude tmavě šedý a kurzívou, což znamená, že jej uživatel může zapínat a vypínat.

Teoreticky :enabledby měl odpovídat an , nebo s href atributy, ale zdá se, že prohlížeče tento scénář nezvládají. Můžete styl , , , , a ů, které nejsou zakázány. Když je podporována, měli bychom být také schopni cílit a

  • jsou to děti , pokud nejsou zdravotně postižené.

    Také byste si mysleli, že prvky contenteditable a tabindex atributy by byly volitelné s :enabled pseudotřídou. Specifikace to neuvádí, ani to prohlížeče nepodporují.

    Chrome Safari Firefox Opera TJ Android iOS
    Všechno 3.1 Všechno 9 9 Všechno Všechno