- webkit-tap-highlight-цвет не применяется к тегу области


Хорошо, я знаю, что об этом спрашивали много раз, но моя ситуация немного другая:

У меня есть карта изображений, и я не хочу, чтобы Android/iPhone отображал зеленую границу (серое наложение на iPhone), когда область на изображении нажата.

Я пробовал -webkit-tap-highlight-color: rgba(0,0,0,0) и это, кажется, работает для ссылки <a>, но не для ссылки <area>. Я думаю, проблема в том, что на самом деле никакой CSS не может быть применен к <area>?

Можно ли это как-то обойти? Я не хочу, чтобы пользователь видел зеленую границу, когда он постукивает по области.

1 4

1 ответ:

К сожалению, браузеры не позволяют устанавливать (и запускать) свойства css для тегов области.

Я использую плагин maphilight, чтобы сделать это в jquery, он работает как шарм : http://davidlynch.org/projects/maphilight/docs/

Пример, здесь: http://davidlynch.org/projects/maphilight/docs/demo_usa.html

Тогда, я думаю, что вы могли бы установить прозрачную границу с: stroke: false