: engedélyezve - CSS-trükkök

Anonim

A :enabledCSS álosztálya olyan fókuszálható elemeket választ ki, amelyek nincsenek letiltva, ezért engedélyezve vannak. Ez csak társított űrlap elemek ( , , ). Az engedélyezett elemek közé tartoznak azok, amelyekben kiválaszthatja azokat, amelyekbe adatokat beírhat, vagy amelyekre összpontosíthat vagy rákattinthat.

Tehát amikor be van jelölve egy jelölőnégyzet, és közvetlenül utána célozza meg a címkét:

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

Ha a jelölőnégyzet be van kapcsolva, a címke szövege sötétszürke és dőlt lesz, vagyis a felhasználó be- és kikapcsolhatja.

Elméletileg meg :enabledkell egyeznie egy , vagy egy href attribútummal, de úgy tűnik, hogy a böngészők nem kezelik ezt a forgatókönyvet. Akkor stílus , , , , és s amelyek nem fogyatékos. Amikor támogatott, akkor is tudnunk kell célozni és

  • amelyek gyermekei , ha nem is rokkantak.

    Azt is gondolná, hogy az elemek contenteditable és az tabindex attribútumok az :enabled álosztályon választhatók . A specifikáció ezt nem állítja, és a böngészők sem támogatják.

    Króm Szafari Firefox Opera AZAZ Android iOS
    Összes 3.1 Összes 9. 9. Összes Összes