Ինչպե՞ս փոխել '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-ի հատուկության մասին: Արտահայտիչ ընտրիչով կամ псեվդոկլասով կիրառված ոճերը կարող են վերաշարադրվել ավելի հատուկ կանոններով։