微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐