Heim > Web-Frontend > HTML-Tutorial > 焦点问题onfocus=”this.blur()”代替方法(转)_html/css_WEB-ITnose

焦点问题onfocus=”this.blur()”代替方法(转)_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:07:34
Original
1540 Leute haben es durchsucht

为了去除链接的虚线框,网上搜索到最常见的方法是onfocus=“this.blur()”,不过同时搜索到的是这会不利于盲人浏览使用页面

 

在淘宝ued官方博客上详细说明了解决方法,这里转了部分,完整版:http://ued.taobao.com/blog/?p=3845(博客园可以放外链吗?)

去除虚线框的方法 优劣 兼容性 是否中断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不支持

 

综合以上,去除链接虚线框的推荐方法是:ie下用hidefocus属性,ff/chorme/opera/safari下用outline:none。即:

链接
a:focus {
    outline:none;
}

 

 

 

 

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage