移动端去除a链接点击阴影

a{

   -webkit-tap-highlight- color :  transparent ;

   -webkit-touch-callout:  none ;

   -webkit-user-select:  none ;

};

也有人说是outline:none; 但是试了并没有什么用；

MDN解释：

　　-webkit-tap-highlight-color是一个非标准的CSS属性，用于设置在点击链接时在链接上显示的突出显示的颜色。突出显示向用户指示他们的点击被成功识别，并指示他们正在点击哪个元素。

 

　　-webkit-tap-highlight-color: red;

　　-webkit-tap-highlight-color: transparent;  //for remove highlight;

 

兼容性：

　　ios1.1.1及更高版本的safari浏览器可用;

　　大部分android手机也是支持的，只是显示效果有所不同;

转载于:https://www.cnblogs.com/otis-oc/p/9621000.html