Как поставить hover на тачпад?

Всем привет! Суть вопроса следующая. Есть сайт, у него есть баттоны, на баттоны прописаны hover, который меняет цвет при наведении. Но на мобильной версии - он меняет цвет при нажатии и не скидывается до тех пор пока не будет нажато в другое место. Т.е. hover срабатывает как focus. Как решить этот вопрос?
P.S. Убрал полностью hover для моб версии, заказчику не подошло, хочет что-бы было видно "тап" по баттону.
P.P.S У меня с JS всё плохо.
  • Вопрос задан
  • 442 просмотра
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
CSS-детекция ненадёжна:
https://developer.mozilla.org/en-US/docs/Web/CSS/@...
https://developer.mozilla.org/en-US/docs/Web/CSS/@...

В Android Chrome срабатывает какого-то дьявола первое:


Лучше использовать любой JS-скрипт, определяющий сенсорный экран, ставить класс на body, после чего писать стили отдельно для этого случая. Стили для сенсора нужно ставить для :active вместо :hover.

Я использую этот простой скрипт:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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