前段时间做模块拆分,M站有个遗留的BUG被测试发现了。然后丢到我头上了 - - !.
有个列表通过模块生成的,每一列可以点击。但是手指按下的时候整个ul会被UC浏览器带上默认的蓝色,就好像你点击的是个Ul而不是li。刚开始我以为可以通过reset默认的样式就可以实现。但是,但是我发现我太天真了。这要怎么解决,话说我饿了,先去吃饭。
当天酒足饭饱之后,开始解决这个。最后找到一个属性.-webkit-tap-highlight-color,然后解决了此问题。是他,是他,就是他。我们的英雄小哪吒。。。。
最后来总结下:当你点击一个元素的时候,UC浏览器默认会出现一个蓝色的背景颜色。而-webkit-tap-hightlight-color这个属性的作用就可以重设这个表现,如果你不希望显示的话,设置其属性: rgba(0,0,0,0)。
当当当当,完美!