Sobes.tech
Junior

Como alterar os estilos dos botões com o atributo 'disabled'?

sobes.tech IA

Resposta da IA

/* Seletor de atributo 'disabled' */
button[disabled] {
  opacity: 0.6; /* Exemplo: tornar o botão menos transparente */
  cursor: not-allowed; /* Exemplo: alterar o cursor */
  background-color: #ccc; /* Exemplo: alterar a cor de fundo */
  color: #666; /* Exemplo: alterar a cor do texto */
}

/* Para o pseudo-classe ':disabled' */
button:disabled {
  /* Mesmos estilos aplicáveis */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Também é possível usar combinações de seletores, por exemplo:

.my-button[disabled] {
  /* Estilos para um botão específico */
}

É importante lembrar da especificidade do CSS. Os estilos aplicados através de um seletor com atributo ou pseudo-classe :disabled podem ser sobrescritos por regras mais específicas.