'disabled' atributiga ega tugmalarning uslublarini qanday o'zgartirish mumkin?

/* 'disabled' atribut seçici */
button[disabled] {
  opacity: 0.6; /* Nümunə: düyməni daha az şəffaf etmək */
  cursor: not-allowed; /* Nümunə: imleci dəyişdirmək */
  background-color: #ccc; /* Nümunə: fon rəngini dəyişdirmək */
  color: #666; /* Nümunə: mətn rəngini dəyişdirmək */
}

/* ':disabled' pseudo-sinifi üçün */
button:disabled {
  /* Eyni stillər tətbiq olunur */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Seçicilərin kombinasiyalarını da istifadə edə bilərsiniz, məsələn:

.my-button[disabled] {
  /* Müəyyən bir düymə üçün stillər */
}

CSS-in xüsusiqlik səviyyəsini yadda saxlamaq vacibdir. Atribut və ya pseudo-class :disabled ilə tətbiq olunan stillər daha xüsusi qaydalar tərəfindən üst-üstə qoyula bilər.