移动端点击链接出现背景颜色闪烁、高亮的解决办法

点击链接后,链接文字出现蓝色高亮背景闪烁如何解决?在移动端上,有事件监听的元素被点击的时候会被高亮显示,而-webkit-tap-highlight-color属性会在当用户点击浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

问题表现:

点击链接后,链接文字出现蓝色高亮背景闪烁

移动端点击链接出现背景颜色闪烁、高亮的解决办法
移动端网页点击链接出现背景颜色闪烁、高亮的解决办法

解决办法:

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

问题分析:

在移动端上,有事件监听的元素被点击的时候会被高亮显示,而-webkit-tap-highlight-color属性会在当用户点击浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

-webkit-tap-highlight-color 是一个没有标准化的属性,能够设置点击链接的时候出现的高亮颜色。显示给用户的高光是他们成功点击的标识,以及暗示了他们点击的元素。

发布者:工具人张伟,转载请注明出处:https://www.gongjurenzhangwei.com/webkit-tap-highlight-color/

(10)
打赏 微信扫一扫 微信扫一扫
上一篇 2022年4月23日 下午1:46
下一篇 2020年6月8日 下午2:28

相关推荐

发表回复

登录后才能评论