去除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)。
当当当当,完美!
有个列表通过模块生成的,每一列可以点击。但是手指按下的时候整个ul会被UC浏览器带上默认的蓝色,就好像你点击的是个Ul而不是li。刚开始我以为可以通过reset默认的样式就可以实现。但是,但是我发现我太天真了。这要怎么解决,话说我饿了,先去吃饭。
当天酒足饭饱之后,开始解决这个。最后找到一个属性.-webkit-tap-highlight-color,然后解决了此问题。是他,是他,就是他。我们的英雄小哪吒。。。。
最后来总结下:当你点击一个元素的时候,UC浏览器默认会出现一个蓝色的背景颜色。而-webkit-tap-hightlight-color这个属性的作用就可以重设这个表现,如果你不希望显示的话,设置其属性:
rgba(0,0,0,0)。
当当当当,完美!
相关文章推荐
- 高效的CSS代码(2)
- 高效的CSS代码(1)
- css 块级元素和内联元素
- css 块级元素和内联元素
- 行内元素和块级元素的区别?以及转换,点击块级元素触发行内元素
- 行内元素和块级元素的区别?以及转换,点击块级元素触发行内元素
- css盒子模型
- css+div学习笔记
- css样式对于ie和火狐兼容性写法1
- css3小叮当(转载)
- CS秘密花园:梯形标签
- 【开源】前端练手笔记,Chrome扩展应用程序(html+CSS+JS) (1)
- CSS实现onMouseOver、onMouseOut效果和层套菜单
- CSS实现onMouseOver、onMouseOut效果和层套菜单
- HTML样式 背景
- 用纯css改变下拉列表select框的默认样式
- 自定义RatingBar样式
- CSS Reset
- 用CSS制作三栏液态布局
- html/css笔记