在手机浏览器中浏览网页时 ,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框
可以用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。
-webkit-tap-highlight-color: rgba(0,0,0,0);/*CSS3去除手机浏览器按钮点击出现的高亮框*/
-webkit-tap-highlight-color: transparent;
-moz-tap-highlight-color: transparent;
这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。