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

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

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

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

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

解决方法:

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

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

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

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

标签：javascript,android,iphone,mobile-webkit
来源： https://codeday.me/bug/20190709/1416943.html