CSS去掉 a 标签点击后出现的虚线框
方法一:
在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友好性比前两种差很多。