'disabled' özniteliğine sahip düğmelerin stillerini nasıl değiştiririm?

/* 'disabled' özniteliği seçici */
button[disabled] {
  opacity: 0.6; /* Örnek: butonu daha az saydam yap */
  cursor: not-allowed; /* Örnek: imleci değiştir */
  background-color: #ccc; /* Örnek: arka plan rengini değiştir */
  color: #666; /* Örnek: metin rengini değiştir */
}

/* ':disabled' pseudo-sınıfı için */
button:disabled {
  /* Aynı stiller uygulanır */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Ayrıca, seçicilerin kombinasyonlarını kullanabilirsiniz, örneğin:

.my-button[disabled] {
  /* Belirli bir düğüm için stiller */
}

CSS'nin özgüllüğünü hatırlamak önemlidir. Attribute veya pseudo-class :disabled ile uygulanan stiller, daha özgüllü kurallarla üzerine yazılabilir.