:disabled
Selectorul de pseudo-clasă oferă stilizare condiționată de elemente HTML care pot primi date introduse de utilizator, atunci când elementele au disabled
atributul. Este definit în specificațiile de nivel 3 CSS Selectors ca o „pseudo-clasă de stare a elementului de interfață”, ceea ce înseamnă că este folosit pentru stilizarea conținutului pe baza interacțiunii utilizatorului cu un element de intrare.
Elementele care pot primi disabled
atributul includ ,
,
,
,
și
. Există două sintaxi valide pentru setarea acestui atribut: fie
disabled="disabled"
sau (în HTML5) pur și simplu disabled
cuvântul cheie boolean. Un element este dezactivat dacă nu poate fi activat (de exemplu, selectat, făcut clic sau acceptă introducerea textului) sau acceptă focalizarea.
Un astfel de element poate fi stilizat folosind :disabled
selectorul de pseudo-clasă:
Verificați acest stilou!
Puncte de interes
:disabled
poate fi „înlănțuit” cu alți pseudo-selectori: cum ar fi:before
sau:after
pentru a genera pictograme sau text pentru a oferi mai mult feedback utilizatorilor.- Orice proprietate care poate fi animată cu tranziții sau animații CSS va fi animată corespunzător atunci când
disabled
atributul este adăugat sau eliminat din elementul HTML.
Suport pentru browser
Crom | Safari | Firefox | Operă | IE | Android | iOS |
---|---|---|---|---|---|---|
Toate | 3.1 | Toate | 9 | 9 | Toate | Toate |