Чӣ гуна метавон услуби тугмаҳоро бо хусусияти 'disabled' тағир дод?

/* Selector-і атрыбута '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, могуць быць перапісаны больш спецыфічнымі правіламі.