Wie ändere ich die Stile von Buttons mit dem Attribut 'disabled'?

/* Attribut-Selektor 'disabled' */
button[disabled] {
  opacity: 0.6; /* Beispiel: Button weniger transparent machen */
  cursor: not-allowed; /* Beispiel: Cursor ändern */
  background-color: #ccc; /* Beispiel: Hintergrundfarbe ändern */
  color: #666; /* Beispiel: Textfarbe ändern */
}

/* Für die Pseudo-Klasse ':disabled' */
button:disabled {
  /* Dieselben Stile gelten */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Man kann auch Kombinationen von Selektoren verwenden, zum Beispiel:

.my-button[disabled] {
  /* Stile für einen bestimmten Button */
}

Es ist wichtig, die Spezifität von CSS zu beachten. Durch Attribute oder Pseudo-Klassen :disabled angewendete Stile können durch spezifischere Regeln überschrieben werden.