码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-01-14 16:49:03      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

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

我们可以用一个简单的css3属性就能加以解决,该属性就是:

-webkit-tap-highlight-color

举个栗子:

<a class="html5logo" href="javascript:void(0);"></a>

对该按钮加上相应的css样式:

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */

大功告成!

这样处理后,此a标签是没有点击时的样式,如果要加,可以自己再加伪类样式,在此不再赘述了


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

标签:

原文地址:http://blog.csdn.net/tyleraxin/article/details/42711937

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!