CSS3去除手机浏览器按钮点击出现的高亮框

时间：2015-07-14 15:47:24 阅读：165 评论：0 收藏：0 [点我收藏+]

标签：css3

在工作中经常遇到在手机浏览器中浏览网页时，点击页面中的按钮或者是具备点击事件的元素，就会出现一个默认的高亮框，影响整体的感官体验。

可以用一个简单的css3属性来解决：tap-highlight-color，最好加上webkit浏览器前缀。

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本的安卓，4.0以下 */

如果你的一大div中包含了很多小的同类的小div，点击这些小的div要触发事件，你利用事件委托只给外层大的div绑定了点击事件（这样就只要绑定一次就够啦），那这个属性就会用上，当你点击某个小div时就不会出现整个大div被选中的感觉。

标签：css3

原文地址：http://blog.csdn.net/zhuyunhe/article/details/46876475

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行