13、移动端事件响应时会有默认的背景框颜色

一、现象

移动端网站按钮active的时候，移动端会出现一个默认的背景框，把原来的按钮加上一个蒙版一样的遮罩层，比较难看。

二、原因

移动端事件响应时会有默认的背景框颜色，a标签active时也有默认的背景框颜色。

三、解决方案

移动端让背景框不显示。CSS代码如下：

.a:active{

-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-moz-tap-highlight-color:rgba(0, 0, 0, 0);
-ms-tap-highlight-color:rgba(0, 0, 0, 0);
-o-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);

}

电脑端无此现象，只需要background写好即可，否则也会有默认点击背景色。