@timofeus91
Junior Frontend Developer

Как управлять стилями в css и отслеживать disabled?

Всем доброго дня! Есть следующий вопрос - у меня есть определенный элемент , при наведении на который меняются классы. Но при этом , если определенный элемент disabled мне нужно чтобы этот hover не выполнялся. Как такое можно реализовать? Как-то через :not или что-то иное?

/*Если .Input:disabled ( input disabled=true ) , то нижний hover выполнятся не должен*/

.container:hover  {
  cursor: pointer;
  background-color:var(--gray-high);
  color: var(--white);
  transition: background-color 0.8s, color 0.8s;
}
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
<input>
<div class="container">
</div>

input:not(:disabled) + .container:hover {

}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы