In order to remove the dotted box of the link, the most common method found on the Internet is onfocus="this.blur()", but at the same time, the search also found that this will not be conducive to blind people browsing the page
The solution is explained in detail on the Taobao ued official blog. Here is part of it. The full version: http://ued.taobao.com/blog/?p=3845 (Blog Park can Put external links? )
去除虚线框的方法 | 优劣 | 兼容性 | 是否中断tab |
this blur | 链接聚焦触发时失去焦点,js和html耦合在一起 | 没有兼容性问题 | 是 |
a:focus {outline:none}或 a{outline:none} | outline由css2.1引入,去除虚线框视觉上的问题正是css的职责 | ie6/ie7不支持,ie8 /ff /safari/opera[2]支持 | 否 |
hidefocus | 该属性是ie的私有属性[3] | ie5 支持 | 否 |
a { noFocusLine: expression(this.onFocus = this.blur())} | 可批量处理,但expression的性能问题不能忽视 | expression ie6/7支持,ie8 、非ie不支持 | 是 |
Based on the above, the recommended method to remove the link dotted frame is: use the hidefocus attribute under ie, and use outline under ff/chorme/opera/safari: none. That is:
Link
a:focus {
Outline:none;
}