H5页面,iOS以及部分Android手机链接a等标签点击的时候,会有阴影,怎么解决?

-webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中,是webkit内涵浏览器扩展css,webkit专属。

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-tap-highlight-color:transparent;

将其颜色设置 为全透明即可,用rgba或者transparent皆可。通常,可置于项目重置样式中。


更多咨询请关注:
1、Git 汇总
2、VUE
3、前端开发

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (一)-webkit-tap-highlight-color 想要禁用这个高亮,设置颜色的alpha值为0即可。 ...
    毛线内裤阅读 485评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,741评论 1 45
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,203评论 0 11
  • “信任”这个词越来越多的被提起,但是和他组合在一起搭档的基本是“缺失”“危机”,他们常常捆绑在一起摆在标题上,...
    冬至的雪阅读 448评论 0 0
  • 我站在风尘中 看你被刻划成风尘 那无踪无影的风 没有棱角和手脚 却如刀斧般凌厉 坚硬的石头 被割砍的风烛残年 挺拔...
    子一木三阅读 206评论 1 16