去除a、button、input等因点击或长按出现的蓝色覆盖层和

今天遇到a因为长按会出现一层蓝色的覆盖层。在网上找了一些资料来分享一下。
起初我以为是选中效果的问题，后来改了选中效果也没用。

去除的代码.png

text-decoration: none;这条代码可以忽略，跟题目无关。

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
这条代码就可以去掉蓝色的覆盖层

去掉了蓝色的覆盖层后，我发现还会有黄色的边框出现，加上outline: none;就可以解决了。这样长按a就不会出现蓝色的覆盖层了。

纠正：-webkit-user-modify: read-write-plaintext-only;这条代码设定链接的内容是可以修改的，并不能去掉覆盖层。