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

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

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

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

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

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

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

Пример: http://davidlynch.org/projects/maphilight/docs/demo_usa.html

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