-webkit-tap-highlight-color 不适用于区域标签答案

【问题标题】：-webkit-tap-highlight-color not applied to area tag-webkit-tap-highlight-color 不适用于区域标签
【发布时间】：2012-02-11 10:20:06
【问题描述】：

好的，我知道这已经被问过很多次了，但我的情况有点不同：

我有一个图像映射，我不希望 Android/iPhone 在点击图像上的区域时显示绿色边框（iPhone 上的灰色叠加层）。

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

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

【问题讨论】：

我想问题是实际上没有CSS可以应用于？很有可能。我不确定，除了摆脱 area 元素之外是否还有其他解决方法。也许您可以尝试用透明的 SVG 图像替换它？

【解决方案1】：

不幸的是，浏览器不允许为区域标签设置（和运行）css 属性。

我在 jquery 中使用 maphilight 插件来做到这一点，它就像一个魅力： http://davidlynch.org/projects/maphilight/docs/

那么，我猜你可以设置透明边框：stroke: false

【讨论】：