CSS3去除手机浏览器button点击出现的高亮框
2017-04-16 14:53
295 查看
在工作中常常遇到在手机浏览器中浏览网页时。点击页面中的button或者是具备点击事件的元素,就会出现一个默认的高亮框。影响总体的感官体验。
能够用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。
假设你的一大div中包括了非常多小的同类的小div。点击这些小的div要触发事件,你利用事件托付仅仅给外层大的div绑定了点击事件(这样就仅仅要绑定一次就够啦)。那这个属性就会用上,当你点击某个小div时就不会出现整个大div被选中的感觉。
能够用一个简单的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去除手机浏览器按钮点击出现的高亮框
- 去除手机浏览器按钮点击出现的高亮框
- 手机浏览器去除点击出现的背景色
- 模仿手机浏览器,点击Edittext,同时出现搜索历史和软键盘
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- 去除手机点击a标签的时候出现灰色半透明的方法
- web app解决手机浏览器点击链接出现蓝色边框
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- 去除android手机浏览器中, 按住链接出现border的情况
- 去除button点击后出现的边框
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- 去掉点击出现的透明阴影--&&--去除iphone、ipad页面button默认样式--元素垂直居中
- 手机中点击链接或button按钮出现黄色边框的解决办法
- CSS3去除点input、button击后的出现的边框
- CSS3 修改和去除移动端点击事件出现的背景框
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- 关于在手机浏览器中a标签点击出现淡蓝色背景的解决方法
- 一般情况下ListView中的 item点击事件和 item 中的Button按钮点击事件 同时需要时,就会出现Button抢占了item的焦距问题,导致ListView中的item点击事件无效,解决
- F5当刷新页面,出现“要再次显示此页,web该浏览器,你曾经有过发送消息再次提交...点击重试",如何防止此对话框解决方案的出现,
- 如何去除点击链接时出现的虚线框