Il :disabledselettore di pseudo-classe fornisce uno stile condizionale agli elementi HTML che possono ricevere l'input dell'utente, quando gli elementi hanno l' disabledattributo. È definito nella specifica CSS Selectors Level 3 come una "pseudo-classe di stato dell'elemento dell'interfaccia utente", nel senso che viene utilizzato per definire lo stile del contenuto in base all'interazione dell'utente con un elemento di input.
Elementi che possono ricevere l' disabledattributo comprendono , , , , e . Esistono due sintassi valide per l'impostazione di questo attributo: o disabled="disabled"o (in HTML5) semplicemente la disabledparola chiave booleana. Un elemento è disabilitato se non può essere attivato (ad es. Selezionato, cliccato o accetta l'immissione di testo) o accetta il focus.
Tale elemento può essere stilizzato utilizzando il :disabledselettore di pseudo-classe:
Punti di interesse
:disabledpuò essere "concatenato" con altri pseudo-selettori: come:beforeo:afterper generare icone o testo per fornire più feedback agli utenti.- Qualsiasi proprietà che può essere animata con transizioni o animazioni CSS verrà animata correttamente quando l'
disabledattributo viene aggiunto o rimosso dall'elemento HTML.
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Tutti | 3.1 | Tutti | 9 | 9 | Tutti | Tutti |