Sobes.tech
Junior

Kako promeniti stilove dugmadi sa atributom 'disabled'?

sobes.tech АИ

Одговор од АИ

/* Selektor atributa 'disabled' */
button[disabled] {
  opacity: 0.6; /* Primer: učinite dugme manje providnim */
  cursor: not-allowed; /* Primer: promenite kursor */
  background-color: #ccc; /* Primer: promenite boju pozadine */
  color: #666; /* Primer: promenite boju teksta */
}

/* Za pseudo-klasu ':disabled' */
button:disabled {
  /* Isti stilovi važe */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Takođe možete koristiti kombinacije selektora, na primer:

.my-button[disabled] {
  /* Stilovi za određeno dugme */
}

Važno je zapamtiti specifičnost CSS-a. Stilovi primenjeni putem selektora sa atributom ili pseudo-klasom :disabled mogu biti prepisani od strane specifičnijih pravila.