როგორ შევცვალო '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-ის სპეციფიკაცია. სტილები, რომლებიც გამოიყენება ატრიბუტის ან ფსევდოკლასის :disabled მეშვეობით, შეიძლება გადახედოს უფრო სპეციფიკურ წესებს.