Hogyan változtathatom meg a 'disabled' attribútummal rendelkező gombok stílusát?

/* 'disabled' attribútum kiválasztó */
button[disabled] {
  opacity: 0.6; /* Példa: csökkentse a gomb átlátszóságát */
  cursor: not-allowed; /* Példa: változtassa meg a kurzort */
  background-color: #ccc; /* Példa: változtassa meg a háttérszínt */
  color: #666; /* Példa: változtassa meg a szöveg színét */
}

/* A ':disabled' pszeudo-osztályhoz */
button:disabled {
  /* Ugyanazok a stílusok alkalmazhatók */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Kombinációkat is használhat a szelektorok között, például:

.my-button[disabled] {
  /* Egy adott gomb stílusai */
}

Fontos megjegyezni a CSS specifikusságát. A 'disabled' attribútummal vagy pszeudo-osztállyal alkalmazott stílusokat felülírhatják a specifikusabb szabályok.