去掉点击链接后的虚线框

点击一个超链接后默认会有一个虚线框,有时候要求去掉它。

 

firefox及标准浏览器下可以用css属性outline:

<style>
      a {
          outline:none;/*0也可以*/
      }
</style>
 

IE下如下实现(据说过多使用效率低):

a{
   blr:expression(this.onFocus=this.blur());
} 

 

见:http://leotheme.cn/javascript/quediaolinksdesxk.html

 

此外还可以使用 hidefocus 属性。

 

webkit内核浏览器(Safari/Chrome)中点击链接后不会有虚线框,这应该是默认样式的问题。如果想让其和IE/Firefox一样点击后留下虚线框可加入以下:

a:visited {
	outline:1px dotted gray;
}

 

猛击 张鑫旭 及 如下链接

http://24ways.org/2009/dont-lose-your-focus

http://people.opera.com/patrickl/experiments/keyboard/test

 

 

你可能感兴趣的:(IE,chrome,webkit,firefox,Safari)