Comment modifier les styles des boutons avec l'attribut 'disabled' ?

/* Sélecteur d'attribut 'disabled' */
button[disabled] {
  opacity: 0.6; /* Exemple : rendre le bouton moins transparent */
  cursor: not-allowed; /* Exemple : changer le curseur */
  background-color: #ccc; /* Exemple : changer la couleur de fond */
  color: #666; /* Exemple : changer la couleur du texte */
}

/* Pour le pseudo-classe ':disabled' */
button:disabled {
  /* Les mêmes styles s'appliquent */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

On peut aussi utiliser des combinaisons de sélecteurs, par exemple :

.my-button[disabled] {
  /* Styles pour un bouton spécifique */
}

Il est important de se rappeler de la spécificité du CSS. Les styles appliqués via un sélecteur avec attribut ou pseudo-classe :disabled peuvent être surchargés par des règles plus spécifiques.