去除超链接的虚线框
当一个超链接被点击后就会产生一个虚线框,如下图所示:

这个虚线框十分难看,由点击后触发的focus而产生,所以只要在超链接focus时移除焦点即可。我们可以利用jQuery简单地实现该功能。在载入了jQuery库的前提下,只需输入下面这段js代码即可实现。
$(document).ready(function(){$('a').focus(function(){this.blur()});});
效果见本站链接。
本文永久链接地址: http://www.cngry.com/archives/remove-link-dotted-border.html
本文短网址:http://gry.im/2509
转载请注明: 转载自gry's blog
如果你觉得本博内容不错,欢迎 [订阅 gry's blog],以便第一时间了解本博更新内容!


是在ie浏览器下吗?我以前正是有这样的疑问,看来找到方法了!
应该兼容所有浏览器
恩,倒没有研究过这个呢。
原来是这样啊,学习了。
借鉴了,很详细
高手,每次来都是这么高深的文章
jq方法兼容所有浏览器,css的就ie杯具吧
最烦的总是ie
个人觉得还是用expression(this.hidefocus=true);和outline: none;比较好吧
毕竟这样可能会对于爪机用户造成一些影响(刚获得焦点就失焦,无法进行链接定位),而且也不利于习惯用tab键的人
用css不一定兼容所有浏览器吧
路过,看看