- webkit-tap-highlight-цвет не применяется к тегу области
Хорошо, я знаю, что об этом спрашивали много раз, но моя ситуация немного другая:
У меня есть карта изображений, и я не хочу, чтобы Android/iPhone отображал зеленую границу (серое наложение на iPhone), когда область на изображении нажата.
Я пробовал -webkit-tap-highlight-color: rgba(0,0,0,0)
и это, кажется, работает для ссылки <a>
, но не для ссылки <area>
. Я думаю, проблема в том, что на самом деле никакой CSS не может быть применен к <area>
?
Можно ли это как-то обойти? Я не хочу, чтобы пользователь видел зеленую границу, когда он постукивает по области.
1 ответ:
К сожалению, браузеры не позволяют устанавливать (и запускать) свойства css для тегов области.
Я использую плагин maphilight, чтобы сделать это в jquery, он работает как шарм : http://davidlynch.org/projects/maphilight/docs/
Пример, здесь: http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Тогда, я думаю, что вы могли бы установить прозрачную границу с:
stroke: false