Skip to content

H5页面点击体验优化:解决异常背景色问题

188字小于1分钟

CSSH5

2024-05-29

问题复现

如下图,在移动端页面中,当点击左侧侧边栏时,会出现一个淡蓝色背景。

PNGPNG

问题解决

再出现背景的元素上添加:-webkit-tap-highlight-color样式。

-webkit-tap-highlight-color 是一个 CSS 属性,用于控制在移动设备上,用户点击链接或按钮时所显示的高亮颜色。这个属性主要用于 WebKit 内核的浏览器(如 Safari 和 Chrome)。

-webkit-tap-highlight-color:transparent;

再次测试问题解决。