Kaip pakeisti mygtukų su 'disabled' atributu stilių?

/* 'disabled' atributo pasirinkiklis */
button[disabled] {
  opacity: 0.6; /* Pavyzdys: sumažinti mygtuko permatomumą */
  cursor: not-allowed; /* Pavyzdys: pakeisti žymeklį */
  background-color: #ccc; /* Pavyzdys: pakeisti fono spalvą */
  color: #666; /* Pavyzdys: pakeisti teksto spalvą */
}

/* ':disabled' pseudo-klasės pasirinkiklis */
button:disabled {
  /* Taip pat taikomi tie patys stiliai */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Taip pat galima naudoti selektorių derinius, pavyzdžiui:

.my-button[disabled] {
  /* konkretaus mygtuko stiliai */
}

Svarbu prisiminti CSS specifikaciją. Stiliai, taikyti per atributų ar pseudo-klasės :disabled pasirinkiklį, gali būti perrašyti labiau specifiniais taisyklėmis.