#angularjs
#angularjs
Вопрос:
Есть ли способ удалить :hover из встроенного css в angular без удаления всего класса?
Как показано ниже, удаляет весь класс:
ng-class="{'option-selected' : option.chosen}"
Но, скажем, option-selected
было option-selected:hover
Есть ли способ удалить :hover встроенный в ng-класс?
Ответ №1:
Прикрепите указатель мыши к другому классу, который вы можете переключать.
Что-то вроде
ng-class="{'option-selected': option.chosen, 'option-hover': option.hover }
Затем в вашем css при настройке наведения у вас будет
.option-selected.option-hover:hover{
...
}
Таким образом, наведение будет работать только в том случае, если в нем задействованы оба класса.
Кроме того, нет никакого способа обойти наведение курсора из css, если вы не начнете заходить!важно везде.
Комментарии:
1. Или op может просто добавить идентификатор к определенному элементу и использовать
#id:hover
. Для переопределения можно использовать все, что имеет более конкретный селектор CSS.2. Возможно, это вам не поможет, но знайте, что существует также эта директива docs.angularjs.org/api/ng/directive/ngMouseover