问题描述
好吧，我知道这已经被问了很多次，但我的情况有点不同：
Ok, I know this has been asked many times, but my situation is a bit different:
我有一个形象的地图，我不想要的Android / iPhone时显示图像上的区域被点击绿色边框（iPhone上的灰色覆盖）。
I have an image map and I don't want Android/iPhone to display the green border (gray overlay on iPhone) when an AREA on the image is tapped.
我曾尝试 -webkit抽头高亮颜色：RGBA（0,0,0,0）
它似乎为＆LT工作;一＆GT; 链接，但不是一个＆LT;区域＆GT; 。我想这个问题是没有事实CSS可以应用到＆LT;＆地区GT;
I have tried -webkit-tap-highlight-color: rgba(0,0,0,0)and it seems to work for an <a> link but not an <area>. I guess the problem is that in fact no CSS can be applied to <area>?
可以这样莫名其妙地被规避？我不想让用户看到的绿色边框时，他在一个区域上水龙头。
Can this somehow be circumvented? I don't want the user to see the green border when he taps on an area.
推荐答案
不幸的是，浏览器不允许设置（并运行）的CSS属性区域的标签。
Unfortunately, browsers doesn't allow to set(and run) css properties to area tags.
我用maphilight插件做，在jQuery的，它就像一个魅力：
I use maphilight plugin to do that in jquery, it works like a charm :http://davidlynch.org/projects/maphilight/docs/
例如，这里：
然后，我猜你可以设置透明边框搭配：行程：假
Then, I guess that you could set transparent border with : stroke: false
这篇关于-webkit抽头高亮颜色不应用于区域标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！