: onemogočeno - CSS-triki

Anonim

:disabledSelektor psevdo-razred določa pogojno styling elementov, HTML, ki lahko prejmejo prispevek uporabnika, če imajo elementi na disabledatribut. V specifikaciji CSS Selectors Level 3 je opredeljen kot »psevdo-razred stanja elementa uporabniškega vmesnika«, kar pomeni, da se uporablja za oblikovanje vsebine na podlagi interakcije uporabnika z vhodnim elementom.

Elementi, ki lahko prejemajo disabledatribut vključujejo , , , , in . Za nastavitev tega atributa obstajata dve veljavni skladnji: bodisi disabled="disabled"ali (v HTML5) preprosto disabledlogična ključna beseda. Element je onemogočen, če ga ni mogoče aktivirati (npr. Izbrati, klikniti ali sprejeti vnos besedila) ali sprejeti fokusa.

Tak element lahko oblikujete s pomočjo :disabledizbirnika psevdorazreda:

Oglejte si to pisalo!

Zanimivosti

  • :disabledlahko "priklenete" z drugimi psevdo-izbirniki: všečkajte :beforeali :afterustvarite ikone ali besedilo, da zagotovite več povratnih informacij uporabnikov.
  • Katera koli lastnost, ki jo je mogoče animirati s CSS prehodi ali animacijami, bo pravilno disableddodana, ko bo atribut dodan ali odstranjen iz elementa HTML.

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
Vse 3.1 Vse 9. 9. Vse Vse