@m1roku
Начинающий

Как правильно создать ссылки-кнопки кроссбраузерно?

Здрасти, товарищи. Возник у меня вопрос, создаю я значит ссылки стилизованные под кнопки в разных элементах страницы. На PC/mac они работают как надо, меняют цвета при hover и тд.
Проблема возникает когда я тапаю на них, например, на iphone. Hover эффект остается и после нажатия на ссылку. Если убрать его через "@media" для маленьких экранов и навесить стили на псевдокласс :active, то получается пользователи уменьшившие окно браузера тоже лишаются hover эффектов. Если же есть стили и на :active и на :hover то превалирует :hover и я все равно получаю как будто вечно нажатую кнопку \=.
Чего делать?
  • Вопрос задан
  • 341 просмотр
Решения вопроса 1
Определяйте тач-экраны.

Собираем https://modernizr.com/
Детектим поддержку touchevents и добавляем класс
Стилизуем исходя из этого класса
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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