'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 аркылуу колдонулган стильдер көбүрөөк өзгөчөлүккө ээ болгон эрежелер тарабынан кайра жазылышы мүмкүн.