移动端网页点击链接出现蓝色背景如何解决

最近在做移动端开发时，采用路由来实现网页之间的跳转，发现通过给文字和图片加...之后，每次在移动端运行时，点击或者长按都会出现蓝色背景，非常不好看，采用下面这个方法得到有效解决。

只需要在css文件中加入以下这句代码，就可以搞定

*{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

说明：*号表示应用与所有的元素。

可能有的小伙伴对这个属性表示很陌生，我们来对这个属性做一下简单的介绍~

-webkit-tap-highlight-color介绍：

当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色，想要禁用这个高亮，设置颜色的alpha值为0即可。

这也意味着你同样可以通过这个属性来改变链接背景的显示颜色。

如果你要设置为透明的，就使用-webkit-tap-highlight-color:rgba(0,0,0,0)

如果你想设置高亮色为50%透明的红色:-webkit-tap-highlight-color: rgba(255,0,0,0.5);