CSS3去除移动端点击元素时产生的高亮背景色

在手机浏览器中浏览网页时 ,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框

可以用一个简单的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即可。

你可能感兴趣的:(css)