Ako zmeniť štýly tlačidiel s atribútom 'disabled'?

/* Selektor atribútu 'disabled' */
button[disabled] {
  opacity: 0.6; /* Príklad: urobte tlačidlo menej priehľadným */
  cursor: not-allowed; /* Príklad: zmeňte kurzor */
  background-color: #ccc; /* Príklad: zmeňte farbu pozadia */
  color: #666; /* Príklad: zmeňte farbu textu */
}

/* Pre pseudo-triedu ':disabled' */
button:disabled {
  /* Rovnaké štýly platia */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Môžete tiež použiť kombinácie selektorov, napríklad:

.my-button[disabled] {
  /* Štýly pre konkrétne tlačidlo */
}

Je dôležité si zapamätať špecifickosť CSS. Štýly aplikované cez selektor s atribútom alebo pseudo-triedou :disabled môžu byť prepísané špecifickejšími pravidlami.