您的位置:首页 > Web前端 > CSS

去除UC浏览器点击的默认样式

2015-10-19 21:11 357 查看
前段时间做模块拆分,M站有个遗留的BUG被测试发现了。然后丢到我头上了 - - !.

有个列表通过模块生成的,每一列可以点击。但是手指按下的时候整个ul会被UC浏览器带上默认的蓝色,就好像你点击的是个Ul而不是li。刚开始我以为可以通过reset默认的样式就可以实现。但是,但是我发现我太天真了。这要怎么解决,话说我饿了,先去吃饭。

当天酒足饭饱之后,开始解决这个。最后找到一个属性.-webkit-tap-highlight-color,然后解决了此问题。是他,是他,就是他。我们的英雄小哪吒。。。。

最后来总结下:当你点击一个元素的时候,UC浏览器默认会出现一个蓝色的背景颜色。而-webkit-tap-hightlight-color这个属性的作用就可以重设这个表现,如果你不希望显示的话,设置其属性:
rgba(0,0,0,0)。

当当当当,完美!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: