-webkit抽头高亮颜色不应用于区域标签 [英] -webkit-tap-highlight-color not applied to area tag

问题描述

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

Ok, I know this has been asked many times, but my situation is a bit different:

我有一个形象的地图，我不想要的Andr​​oid / 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的，它就像一个魅力：
http://davidlynch.org/projects/maphilight/docs/

I use maphilight plugin to do that in jquery, it works like a charm : http://davidlynch.org/projects/maphilight/docs/

例如，这里： http://davidlynch.org/projects/maphilight/docs/ demo_usa.html

然后，我猜你可以设置透明边框搭配：行程：假

Then, I guess that you could set transparent border with : stroke: false

这篇关于-webkit抽头高亮颜色不应用于区域标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！