Jak změnit styly tlačítek s atributem 'disabled'?

/* Selektor atributu 'disabled' */
button[disabled] {
  opacity: 0.6; /* Příklad: udělejte tlačítko méně průhledné */
  cursor: not-allowed; /* Příklad: změňte kurzor */
  background-color: #ccc; /* Příklad: změňte barvu pozadí */
  color: #666; /* Příklad: změňte barvu textu */
}

/* Pro pseudo-třídu ':disabled' */
button:disabled {
  /* Platí stejné styly */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Také lze použít kombinace selektorů, například:

.my-button[disabled] {
  /* Styly pro konkrétní tlačítko */
}

Je důležité pamatovat na specifikitu CSS. Styly aplikované přes selektor s atributem nebo pseudo-třídou :disabled mohou být přepsány specifičtějšími pravidly.