: onemogućeno - CSS-trikovi

Anonim

:disabledSelektor pseudo-klase pruža uvjetni stil HTML elemenata koji mogu primati korisničkog unosa, kada su elementi imaju disabledatribut. U specifikaciji CSS Selectors Level 3 definiran je kao „pseudo-klasa stanja korisničkog elementa“, što znači da se koristi za oblikovanje sadržaja na temelju interakcije korisnika s ulaznim elementom.

Elementi koji mogu dobiti disabledatribut uključuju , , , , i . Postoje dvije važeće sintakse za postavljanje ovog atributa: ili disabled="disabled"ili (u HTML5) jednostavno disabledBoolean ključna riječ. Element je onemogućen ako ga nije moguće aktivirati (npr. Odabrati, kliknuti ili prihvatiti unos teksta) ili prihvatiti fokus.

Takav se element može oblikovati pomoću :disabledselektora pseudo-klase:

Pogledajte ovu olovku!

Točke interesa

  • :disabledmože biti "u lancu" s drugim pseudo-selektorima: poput :beforeili :afterza generiranje ikona ili teksta radi pružanja više povratnih informacija korisnika.
  • Sva svojstva koja se mogu animirati CSS prijelazima ili animacijama bit će ispravno animirana kada se disabledatribut doda ili ukloni iz HTML elementa.

Podrška preglednika

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