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

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

4 голосов
/ 16 января 2012

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

У меня есть карта изображения, и я не хочу, чтобы Android / iPhone отображал зеленую границу (серый наложение на iPhone) при касании ОБЛАСТИ на изображении.

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

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

1 Ответ

1 голос
/ 13 февраля 2012

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

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

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

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

...