Cum modific stilurile butoanelor cu atributul 'disabled'?

/* Selector de atribut 'disabled' */
button[disabled] {
  opacity: 0.6; /* Exemplu: faceți butonul mai puțin transparent */
  cursor: not-allowed; /* Exemplu: schimbați cursorul */
  background-color: #ccc; /* Exemplu: schimbați culoarea de fundal */
  color: #666; /* Exemplu: schimbați culoarea textului */
}

/* Pentru pseudo-clasa ':disabled' */
button:disabled {
  /* Se aplică aceleași stiluri */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

De asemenea, puteți utiliza combinații de selectori, de exemplu:

.my-button[disabled] {
  /* Stiluri pentru un buton specific */
}

Este important să rețineți specificitatea CSS. Stilurile aplicate printr-un selector cu atribut sau pseudo-clasă :disabled pot fi suprascrise de reguli mai specifice.