Kā mainīt stilu pogām ar 'disabled' atribūtu?

/* 'disabled' atribūta izvēlētājs */
button[disabled] {
  opacity: 0.6; /* Piemērs: padarīt pogu mazāk caurspīdīgu */
  cursor: not-allowed; /* Piemērs: mainīt kursoru */
  background-color: #ccc; /* Piemērs: mainīt fona krāsu */
  color: #666; /* Piemērs: mainīt teksta krāsu */
}

/* Par pseido-klasi ':disabled' */
button:disabled {
  /* Tās pašas stila īpašības */
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc;
  color: #666;
}

Var arī izmantot selektoru kombinācijas, piemēram:

.my-button[disabled] {
  /* Konkrēta pogas stili */
}

Ir svarīgi atcerēties CSS specifikāciju. Stili, kas tiek piemēroti ar atribūta vai pseido-klases :disabled izvēlētāju, var tikt pārklāti ar specifiskākām noteikumiem.