Убрать подсветку области клика на iphone — css

Убрать подсветку области клика на iphone — css

При верстке макетов под мобильные устройства нужно помнить о некоторых особенностях мобильных браузеров. Особенно это касается safari в ios. Вот уж где может всплыть полно сюрпризов при тестировании макетов. Например, когда пользователь нажимает на активный элемент или ссылку, safari подсветит область этого элемента. Иногда это очень полезно, а иногда не нужно. Сегодня мы научимся отключать подсветку элементов, на которые нажимает пользователь в safari на ios или изменять ее цвет.

Как это часто бывает - проблема решается одной строчкой в css. Достаточно нужному элементу дописать свойство:

-webkit-tap-highlight-color:transparent;

Если хотите убрать подсветку. Либо задать цвет (вместо transparent), если подсветка нужна определенным цветом. Всем успехов!

26.03.17
Для просмотра сайта обновите браузер.