Jak zmienić style przycisków z atrybutem 'disabled'?

/* Selektor atrybutu 'disabled' */
button[disabled] {
  opacity: 0.6; /* Przykład: uczynienie przycisku mniej przezroczystym */
  cursor: not-allowed; /* Przykład: zmiana kursora */
  background-color: #ccc; /* Przykład: zmiana koloru tła */
  color: #666; /* Przykład: zmiana koloru tekstu */
}

/* Dla pseudo-klasy ':disabled' */
button:disabled {
  /* Te same style */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Możesz także używać kombinacji selektorów, na przykład:

.my-button[disabled] {
  /* Style dla konkretnego przycisku */
}

Ważne jest, aby pamiętać o specyficzności CSS. Style zastosowane przez selektor z atrybutem lub pseudo-klasą :disabled mogą zostać nadpisane przez bardziej specyficzne reguły.