-webkit-tap-highlight-color未应用于区域标记

时间:2012-01-16 13:24:04

标签: javascript android iphone mobile-webkit

好的,我知道这已被问过很多次,但我的情况有点不同:

我有一张图片地图,当点击图像上的区域时,我不希望Android / iPhone显示绿色边框(iPhone上的灰色叠加层)。

我试过-webkit-tap-highlight-color: rgba(0,0,0,0) 它似乎适用于<a>链接,但不适用于<area>。我想问题是,实际上没有CSS可以应用于<area>

这可以以某种方式被规避吗?我不希望用户在点击某个区域时看到绿色边框。

1 个答案:

答案 0 :(得分:1)

不幸的是,浏览器不允许将css属性设置(并运行)到区域标记。

我使用maphilight插件在jquery中执行此操作,它就像一个魅力: http://davidlynch.org/projects/maphilight/docs/

示例,此处:http://davidlynch.org/projects/maphilight/docs/demo_usa.html

然后,我猜你可以设置透明边框:stroke: false