Назад к вопросам
Junior
81
questionbank

Как изменить стили кнопок с атрибутом 'disabled'?

Sobes Copilot

Получайте ответы в реальном времени

Ответ от нейросети

sobes.tech AI

/* Селектор атрибута '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, могут быть переопределены более специфичными правилами.