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.