好的,我知道这已被问过很多次,但我的情况有点不同:
我有一张图片地图,当点击图像上的区域时,我不希望Android / iPhone显示绿色边框(iPhone上的灰色叠加层)。
我试过-webkit-tap-highlight-color: rgba(0,0,0,0)
它似乎适用于<a>
链接,但不适用于<area>
。我想问题是,实际上没有CSS可以应用于<area>
?
这可以以某种方式被规避吗?我不希望用户在点击某个区域时看到绿色边框。
答案 0 :(得分:1)
不幸的是,浏览器不允许将css属性设置(并运行)到区域标记。
我使用maphilight插件在jquery中执行此操作,它就像一个魅力: http://davidlynch.org/projects/maphilight/docs/
示例,此处:http://davidlynch.org/projects/maphilight/docs/demo_usa.html
然后,我猜你可以设置透明边框:stroke: false