Come modificare gli stili dei pulsanti con l'attributo 'disabled'?

/* Selettore attributo 'disabled' */
button[disabled] {
  opacity: 0.6; /* Esempio: rendere il pulsante meno trasparente */
  cursor: not-allowed; /* Esempio: cambiare il cursore */
  background-color: #ccc; /* Esempio: cambiare il colore di sfondo */
  color: #666; /* Esempio: cambiare il colore del testo */
}

/* Per la pseudo-classe ':disabled' */
button:disabled {
  /* Gli stessi stili sono applicabili */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

È anche possibile usare combinazioni di selettori, ad esempio:

.my-button[disabled] {
  /* Stili per un pulsante specifico */
}

È importante ricordare la specificità del CSS. Gli stili applicati tramite un selettore con attributo o pseudo-classe :disabled possono essere sovrascritti da regole più specifiche.