More than code
Welcome to the website

浅谈 -webkit-tap-highlight-color 属性

前言

最近在做微信端的网站,遇到这样一个问题,当点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的浅蓝色背景。本来以为是a标签的属性设置,设置了一番之后发现并不管用。经查阅,原来用一个css3属性-webkit-tap-highlight-color 就可解决这个问题。

-webkit-tap-highlight-color

-webkit-tap-highlight-color属性就是用来设置被点击时背景框的颜色,如果想去掉背景框则可以将rgba中的alpha值设为0即可:

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

当然也可以设置成你想要的颜色。

原因:在移动端上,有事件监听的元素被点击的时候会被高亮显示。

赞(1) 打赏
未经允许不得转载:李帅帅空间 » 浅谈 -webkit-tap-highlight-color 属性

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏