去除手机浏览器按钮点击出现的高亮框
2015-01-14 16:45
253 查看
在工作中经常遇到在手机浏览器中浏览网页时，点击页面中的按钮或者是具备点击事件的元素，就会出现一个默认的高亮框，影响整体的感观体验。
我们可以用一个简单的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标签是没有点击时的样式，如果要加，可以自己再加伪类样式，在此不再赘述了
我们可以用一个简单的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标签是没有点击时的样式，如果要加，可以自己再加伪类样式，在此不再赘述了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS3去除手机浏览器按钮点击出现的高亮框
- CSS3去除手机浏览器button点击出现的高亮框
- 手机浏览器去除点击出现的背景色
- 手机浏览器上，按钮、图片、文本框点击进去的时候有阴影，如何去掉？
- 手机中的页面数字不显示为电话号码 和 点击按钮不出现阴影和苹果中限制缩放
- CSS：去除点击链接和按钮时出现的虚线框
- 去除android手机浏览器中, 按住链接出现border的情况
- 去除点击按钮时出现的虚线框
- 点击浏览器的返回按钮或手机的返回按钮让页面刷新
- CSS：去除点击链接和按钮时出现的虚线框
- web app解决手机浏览器点击链接出现蓝色边框
- CSS+JS方法去除点击链接,按钮时出现的虚线框
- 手机中点击链接或button按钮出现黄色边框的解决办法
- CSS：去除点击链接和按钮时出现的虚线框
- 关于在手机浏览器中a标签点击出现淡蓝色背景的解决方法
- jquery 实现点击按钮后出现倒计时效果（用于实现发送手机验证码、邮箱验证码）
- 模仿手机浏览器，点击Edittext，同时出现搜索历史和软键盘
- 点击浏览器的返回按钮或手机的返回按钮让页面刷新
- 用户点击获取验证码之后我们会发送一条信息到用户手机，然后就会出现一个倒计时按钮，很像支付宝手机付款效果了，下面我给大家分享两个js效果
- 去除手机点击a标签的时候出现灰色半透明的方法