手机webapp点击a链接在qq浏览器中有蓝色边框

Posted 2023-04-14

手机webapp点击a链接，在qq浏览器中有蓝色边框怎么去掉，只要有透明遮罩层的效果

参考技术A a,button,input
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-modify: read-write-plaintext-only;

可根据实际情况添加
outline: none;
或
box-shadow: none;
有时候<img />图片放在a标签里也会出现边框，可设置图片的边框为0.
除此之外还要注意其伪类的设置。
js方法：
onclick="this.blur()" 参考技术B a标签里面放了一些图片和文字 ，当点击a标签跳转时 会出现边框或是内部元素选中的样子(就是内部元素有个蓝色的遮罩层)，用户体验 参考技术C 想想你最近装了什么软件，
尤其是不从正规应用商店下载的 参考技术D 试试在uc浏览器里打开 uc.cn 第5个回答  2015-05-21 小伙伴好，请问你访问的是什么网站，可以截个图并把链接给我吗，另外你的手机型号和浏览器版本是多少啊？

a,input，button点击的时候出现蓝色的边框

1   a,button,input{
2     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3     -webkit-user-modify: read-write-plaintext-only;
4     outline: none;
5   }