去除点击链接时出现的虚线框

来源：http://www.planabc.net/2007/11/20/remove_link_outline/

有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，如何去除虚线框？

虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影响美观。

方法一：

IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。即：

 <a href="http://www.taobao.com" hidefocus="true" title="淘宝网，淘我喜欢">淘宝网</a>

而在Firfox 浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：

 .HideFocus { outline:none;}

方法二：

通过javascript方法让其点击后失去焦点从而达到没有虚线框，也不失为一种曲线救国的方案：

//通过判断可以指定某个必要的链接失去焦点

if(j(this).attr("id")=="jsControl") 

j(this).blur();