今天遇到a因为长按会出现一层蓝色的覆盖层。在网上找了一些资料来分享一下。
起初我以为是选中效果的问题,后来改了选中效果也没用。
text-decoration: none;这条代码可以忽略,跟题目无关。
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
这条代码就可以去掉蓝色的覆盖层
去掉了蓝色的覆盖层后,我发现还会有黄色的边框出现,加上outline: none;就可以解决了。这样长按a就不会出现蓝色的覆盖层了。
纠正:-webkit-user-modify: read-write-plaintext-only;这条代码设定链接的内容是可以修改的,并不能去掉覆盖层。