这是最近的前端项目切图项目中碰到的问题,手机下点击链接部分,会有灰色半透明,如何去掉呢?通过下面的方法 ,亲测有效
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
设置这个,页面默认的 元素点击后的边效果 为0,
webkit 内核的字体大小不自动适配。
最后一个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮,设置颜色的alpha值为0即可。
-webkit-tap-highlight-color: rgba(255,0,0,0.5);
设置高亮为半透明的红色
浏览器只支持:iOS(iPhone和iPad)
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问