CSS去掉 a 标签点击后出现的虚线框

Posted 2020-06-26 奔跑的蜗牛

方法一：

　　在a标签里加入js控制，当a标签被聚焦时，强制取消焦点<a href="#" onfocus="this.blur();">测试</a>

方法二：

　　 a:focus {  outline:none;   -moz-outline:none;}

方法三：

　　在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}

 方法四：

　　在a标签里嵌套其他标签，比如span 或者var等等，把内容放在被嵌套的标签里。这时候点击这个链接，聚焦的是a的子标签，自然不会聚焦在a标签上，所以也能避免这个问题。

方法五：

　　不用a标签做链接，采用其他标签，使用js做出hover的效果，在css里加入cursour:pointer，设置鼠标以上时变小手。

　　使用js做点击时的页面跳转等。

　　最大的缺点是对seo友好性比前两种差很多。