: keelatud - CSS-trikid

Anonim

:disabledPseudo-klassi valijat pakub tingimusjuurdepääsu stiil HTML elemendid, mis võivad saada kasutaja sisend, kui elemendid on disabledatribuut. CSS-i valijate 3. taseme spetsifikatsioonis on see määratletud kui „kasutajaliidese oleku pseudoklass”, mis tähendab, et seda kasutatakse sisu kujundamiseks vastavalt kasutaja interaktsioonile sisendelemendiga.

Elemendid, mis võivad saada disabledatribuut hulka , , , , ja . Selle atribuudi määramiseks on kaks kehtivat süntaksit: kas disabled="disabled"või (HTML5-s) lihtsalt disabledBoole'i ​​märksõna. Element on keelatud, kui seda ei saa aktiveerida (nt valida, sellel klõpsata või tekstisisestust aktsepteerida) või fookusega nõustuda.

Sellist elementi saab kujundada :disabledpseudoklassi valija abil:

Vaadake seda pliiatsit!

Huvipunktid

  • :disabledsaab "aheldada" teiste pseudovalijatega: nagu :beforevõi :afterikoonide või teksti loomiseks, et pakkuda rohkem tagasisidet.
  • Kõik atribuudid, mida saab animeerida CSS-i üleminekute või animatsioonidega, animeeritakse korralikult, kui disabledatribuut lisatakse või HTML-elemendist eemaldatakse.

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
Kõik 3.1 Kõik 9 9 Kõik Kõik