Pseudo-classe :disabled do CSS3

Definição e uso

CSS :disabled Os pseudo-classes são usados para selecionar e definir estilos para qualquer elemento desativado (principalmente elementos de formulário).

Dica::enabled Os pseudo-classes são usados para selecionar e definir estilos para qualquer elemento ativado (principalmente elementos de formulário).

Exemplo

Exemplo 1

Defina a cor de fundo clara para todos os elementos <input> desativados e a cor de fundo amarela para todos os elementos <input> ativos:

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

Experimente você mesmo

Exemplo 2

Defina a cor de fundo para todos os elementos <option> desativados:

option:disabled {
  background-color: lightgray;
}

Experimente você mesmo

Sintaxe do CSS

:disabled {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o pseudo-classe.

Páginas relacionadas

Referência:Pseudo-Classe :enabled do CSS