: dezactivat - CSS-Tricks

Anonim

:disabledSelectorul de pseudo-clasă oferă stilizare condiționată de elemente HTML care pot primi date introduse de utilizator, atunci când elementele au disabledatributul. 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 disabledatributul includ , , , , și . Există două sintaxi valide pentru setarea acestui atribut: fie disabled="disabled"sau (în HTML5) pur și simplu disabledcuvâ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 :disabledselectorul de pseudo-clasă:

Verificați acest stilou!

Puncte de interes

  • :disabledpoate fi „înlănțuit” cu alți pseudo-selectori: cum ar fi :beforesau :afterpentru 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 disabledatributul 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