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

摘要:
在工作中常常遇到在手机浏览器中浏览网页时。点击页面中的button或者是具备点击事件的元素,就会出现一个默认的高亮框。能够用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。-webkit-tap-highlight-color:rgba;-webkit-tap-highlight-color:transparent;/*ForsomeAndroids,个人感觉是低版本号的安卓,4.0下面*/假设你的一大div中包括了非常多小的同类的小div。点击这些小的div要触发事件,你利用事件托付仅仅给外层大的div绑定了点击事件。那这个属性就会用上,当你点击某个小div时就不会出现整个大div被选中的感觉。
在工作中常常遇到在手机浏览器中浏览网页时。点击页面中的button或者是具备点击事件的元素,就会出现一个默认的高亮框。影响总体的感官体验。
能够用一个简单的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去除手机浏览器button点击出现的高亮框》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇JDK8中JVM堆内存划分编辑距离算法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS(八)-- 变形(过渡、动画、平移、旋转、缩放)

目录 1.过渡(transition) 1.1transition-property:指定执行过渡的属性 1.2transition-duration:执行过渡需要的时间 1.3transition-timing-function:过得的时序函数 通过贝塞尔曲线指定 steps()分步执行过渡效果 1.4 transition-delay:过...

Jquery学习笔记(7)--京东导航菜单

主要是几个模块的浮动和定位不好处理,另外还缺少右侧导航,及幻灯片。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title>...

Chrome开发者工具面板 F12 调试大全 转载:https://www.cnblogs.com/ajaxlu/p/11855343.html

面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下: Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。...

vim学习3-《Vim实用技巧》

注:<C-o>代表 按着Ctrl+o   其他 删除 J  - join line 。删除空白行  xp 调换两个字符的位置   查找并跳转   查找光标所在的单词,“*”  next identifier  , ";" 下一个。 ","上一个   复制   y$  复制到光标所在位置到该行最后一个字符。 "+y  复制选中内容到+寄存器,也...

IE浏览器没有加载CSS或js文件的秘密及解决办法

其实是两处资料拼成这一篇博文的,因为在开发过程中遇到,有的文章只是说明原因,而没有给出解决方案,所以再次给出解释和解决方法,以供参考,如果有好的解决方法,也请分享下! --------------------------------------------------------------写在前面的话 [IE浏览器没有加载CSS或js文件的秘密] 如果有...

JS以及CSS对页面的阻塞

一、JS阻塞    所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载、解析、执行完,才会进行后面的 操作。在现代的浏览器中CSS资源和图片image资源是并行下载的,在IE6中默认的并行的加载数目是2个,在IE6以后以及其他的浏览器中的默认的并行加载数目是6个。 在浏览器从服务器接收到HTM...