Как убрать двойной клик по ссылке на ios (iphone)?

Question

[Александр]

Суть такая, у ссылок есть hover заданный через css. При первом клике на iphone по этим ссылкам срабатывает hover, а уже при втором клике переходит по ссылке. Как сделать, чтобы ховер не считался за отдельный клик, а сразу переходить по ссылке?

Желательно без JS

Answer 1

[Виталий Сазанов]

Можно конечно убирать ховеры на разных размерах устройства по медиа-запросам, но не всегда узкий экран означает наличие тача и наоборот.
Рекомендую использовать библиотеку https://modernizr.com
Писать самому в js при этом ничего не придется.
Помимо прочих плюшек, плагин в зависимости от устройства, на котором открыт сайт, прописывает в html классы touch и no-touch.

Потом достаточно просто задавать стили по этим классам, например

html.no-touch a:hover {
    color: #ccc
}

Answer 2

[Nikita Shchypylov]

Убить ховер на устройствах, на которых нет возможности "наводить". Например, после 1024 убрать ховеры

Comments

[Сергей]

https://htmlweb.ru/css/media_screen.php в дополнение к ответу. Должно помочь.