a 标签属性在点击后出现一层阴影

今天遇到了这样一个问题在点击a标签的时候出现了一层阴影（蒙版）这种情况只有在苹果手机才有，在安卓手机表现良好，刚开始不知道是什么原因造成的，猜想的原因是苹果手机浏览器内核跟安卓手机内核不一样对每个属性的显示也不一样造成的！

<style>

body{

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

}

a{

outline:none;

   -moz-outline-style:none;

 }

</style>

html

<a >不满意</a>