webkit内核浏览器超链接或者设置可点击cursor属性时点击出现蓝色背景解决方法

原创

xlj

修改于 2021-09-16 14:29:36

4730

修改于 2021-09-16 14:29:36

HTML设置可点击标签或者设置CSS属性cursor时，移动端点击会出现蓝色背景例如浏览器 : QQ浏览器，UC浏览器，百度浏览器，以及一些国内厂商的浏览器都会出现的问题，因为用的都是 webkit 内核

局部让标签点击时蓝色背景变透明，在标签的 style="" 里添加

-webkit-tap-highlight-color: transparent;

全局的方法，在 <body></body> 标签的 style="" 属性里添加

-webkit-tap-highlight-color: transparent;

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度