¿Cómo cambiar los estilos de los botones con el atributo 'disabled'?

/* Selector de atributo 'disabled' */
button[disabled] {
  opacity: 0.6; /* Ejemplo: hacer que el botón sea menos transparente */
  cursor: not-allowed; /* Ejemplo: cambiar el cursor */
  background-color: #ccc; /* Ejemplo: cambiar el color de fondo */
  color: #666; /* Ejemplo: cambiar el color del texto */
}

/* Para el pseudo-clase ':disabled' */
button:disabled {
  /* Se aplican los mismos estilos */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

También se pueden usar combinaciones de selectores, por ejemplo:

.my-button[disabled] {
  /* Estilos para un botón específico */
}

Es importante recordar la especificidad del CSS. Los estilos aplicados a través de un selector con atributo o pseudo-clase :disabled pueden ser sobrescritos por reglas más específicas.