好的,我知道这已经被问过很多次了,但我的情况有点不同:
我有一个图像映射,当点击图像上的区域时,我不希望 Android/iPhone 显示绿色边框(iPhone 上的灰色覆盖)。
我已经尝试过-webkit-tap-highlight-color: rgba(0,0,0,0)
,它似乎适用于<a>
链接,但不适用于<area>
. 我想问题是实际上没有CSS可以应用于<area>
?
这可以以某种方式规避吗?我不希望用户在点击某个区域时看到绿色边框。
好的,我知道这已经被问过很多次了,但我的情况有点不同:
我有一个图像映射,当点击图像上的区域时,我不希望 Android/iPhone 显示绿色边框(iPhone 上的灰色覆盖)。
我已经尝试过-webkit-tap-highlight-color: rgba(0,0,0,0)
,它似乎适用于<a>
链接,但不适用于<area>
. 我想问题是实际上没有CSS可以应用于<area>
?
这可以以某种方式规避吗?我不希望用户在点击某个区域时看到绿色边框。
不幸的是,浏览器不允许为区域标签设置(和运行)css 属性。
我在 jquery 中使用 maphilight 插件来做到这一点,它就像一个魅力: http ://davidlynch.org/projects/maphilight/docs/
例如,这里:http ://davidlynch.org/projects/maphilight/docs/demo_usa.html
然后,我想你可以设置透明边框:stroke: false