去除手机浏览器按钮点击出现的高亮框
来源:互联网 发布:淘宝古文观止 中华书局 编辑:程序博客网 时间:2024/04/28 18:32
在工作中经常遇到在手机浏览器中浏览网页时,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框,影响整体的感观体验。
我们可以用一个简单的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标签是没有点击时的样式,如果要加,可以自己再加伪类样式,在此不再赘述了
0 0
- 去除手机浏览器按钮点击出现的高亮框
- CSS3去除手机浏览器按钮点击出现的高亮框
- 去除手机浏览器上按钮、图片、文本框点击进去时的阴影
- 去除点击按钮时出现的虚线框
- 去除浏览器文本框点击时候出现的蓝色边框
- 手机端去除按钮点击阴影
- 点击浏览器的返回按钮或手机的返回按钮让页面刷新
- 点击浏览器的返回按钮或手机的返回按钮让页面刷新
- CSS+JS方法去除点击链接,按钮时出现的虚线框
- CSS:去除点击链接和按钮时出现的虚线框
- CSS:去除点击链接和按钮时出现的虚线框
- CSS:去除点击链接和按钮时出现的虚线框
- 去除UC浏览器点击的默认样式
- 去除手机页面点击元素的阴影
- 去除火狐浏览器点击连接时出现虚线边框
- 去除button点击后出现的边框
- 手机浏览器上,按钮、图片、文本框点击阴影遮罩
- 手机浏览器出现的问题
- Majority Element
- CSS 兼容手机浏览器 点击蓝色边框
- Android Dalvik虚拟机简介
- webstorm正确辨认handlebars语法
- P2P网贷系统-核心功能-用户投标-业务讲解
- 去除手机浏览器按钮点击出现的高亮框
- Hibernate入门教程
- Word中字号对应、参考文献、插入公式行间距变大的问题
- 性能评估思路总体
- Android ViewPager多页面滑动切换以及动画效果
- 界面优化x步走
- Android服务Service----实现电话监听录音
- OC中的一些基础方法
- escape()、encodeURI()、encodeURIComponent()区别详解