Как да променя стиловете на бутоните с атрибут 'disabled'?

/* Селектор за атрибут 'disabled' */
button[disabled] {
  opacity: 0.6; /* Пример: направете бутона по-малко прозрачен */
  cursor: not-allowed; /* Пример: променете курсора */
  background-color: #ccc; /* Пример: променете цвета на фона */
  color: #666; /* Пример: променете цвета на текста */
}

/* За псевдокласа ':disabled' */
button:disabled {
  /* Прилагат се същите стилове */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Може също да използвате комбинации от селектори, например:

.my-button[disabled] {
  /* Стилове за конкретен бутон */
}

Важно е да запомните за специфичността на CSS. Стиловете, приложени чрез селектор с атрибут или псевдоклас :disabled, могат да бъдат отменени от по-специфични правила.