O :disabledseletor de pseudo-classe fornece estilo condicional para elementos HTML que podem receber entrada do usuário, quando os elementos têm o disabledatributo. É definido na especificação CSS Selectors Nível 3 como uma “pseudo-classe de estado do elemento de IU”, o que significa que é usado para estilizar o conteúdo com base na interação do usuário com um elemento de entrada.
Elementos que podem receber o disabledatributo incluem , , , , e . Existem duas sintaxes válidas para definir este atributo: disabled="disabled"ou (em HTML5) simplesmente a disabledpalavra-chave booleana. Um elemento é desativado se não puder ser ativado (por exemplo, selecionado, clicado ou aceitar entrada de texto) ou aceitar o foco.
Esse elemento pode ser estilizado usando o :disabledseletor de pseudoclasse:
Pontos de interesse
:disabledpode ser “encadeado” com outros pseudo-seletores: como:beforeou:afterpara gerar ícones ou texto para fornecer mais feedback do usuário.- Qualquer propriedade que possa ser animada com Transições ou Animações CSS será animada corretamente quando o
disabledatributo for adicionado ou removido do elemento HTML.
Suporte para navegador
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Todo | 3,1 | Todo | 9 | 9 | Todo | Todo |