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