css去掉手机网站下链接点击半透明背景

原创 dingxiangming82 随笔 前端踩坑 268阅读 2018-03-20 09:29:09 举报

这是最近的前端项目切图项目中碰到的问题,手机下点击链接部分,会有灰色半透明,如何去掉呢?通过下面的方法 ,亲测有效

设置这个,页面默认的 元素点击后的边效果 为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)

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复