как отключить ховер на мобильных: 59 фото

javascript - Отмена класса :hover у блоков на мобильных устройствах - Stack  Overflow на русском

Убираем hover баг на мобильных устройствах

На планшетах и мобильных телефонах нет события hover, однако при работе с тачскрином стилизация эффекта...

Просмотры: 103330
Youtube - @Михаил Непомнящий

Вопросы и ответы

Можно использовать свойство pointer-events: none; в CSS для этого элемента. Это уберет данный эффект для ссылки с классом disabled . Стоит обратить внимание, что при использовании этого свойства элемент не будет реагировать ни на какие события мыши, включая нажатия.
Для отключения эффекта :hover необходимо возвратить элементу прежние стили, соответствующие этому состоянию. Иными словами, вам нужно аннулировать эффект на наведение, как если бы вы отменили его действие. Теперь при взаимодействии с элементом он останется без изменений.
Состояние :hover срабатывает, когда пользователь наводит курсор на элемент. Часто используется для создания эффекта взаимодействия с элементом, например, при наведении на ссылку меняется цвет текста. Это даёт пользователю понять, что на элемент можно нажать и получить определённый результат.
Описание CSS псевдокласс :hover срабатывает, когда пользователь наводит на элемент мышью, но не обязательно активирует его. Этот стиль может переопределяться другими относящимися к ссылкам псевдоклассами, такими как :link , :visited и :active , появляющимися в соответствующем порядке.
Выделите объект или текст, из которого нужно удалить стиль. В инспекторе свойств HTML («Окно» > «Свойства») выберите пункт «Нет» из всплывающего меню «Класс».
Опубликовано в категории Китай

Читайте также:

Memory usage:0.46204376220703Mb; real memory usage: 2Mb