消除超链接激活虚线框的方法

做 UI 界面时,常觉得链接激活虚线框碍眼,所以通常都想把它清除。以前常用的办法就是在站点下放个 HTC 文件,但这仅支持 IE 而已。但其实想想,变通一下还是不难做到。

IE 下除了写 HTC,其实可以这样:

XML/HTML代码
  1. onfocus="this.blur()"hidefocus="true"  

再或者考虑和 FF 结合:可以写入 CSS 里

CSS代码
  1. a {  
  2.   blr:e­xpression(this.onfocus=this.blur());  
  3. }  

FF 下直接在样式里定义 Outline 就行了。

CSS代码
  1. a {  
  2.   outlinenone;  
  3. }  

运用时,如果没把 onfocus 这句写入样式里,那么直接加在链接上也可以:

XML/HTML代码
  1. <a href="goupwing.com" onfocus="this.blur()">The wings flying apsaras</a>  

当然,最好还是和 FF 一样写入 CSS 里,这样也省了上一步,代码也更清洁。

至此,IE 和 FF 下恼人的虚线框将不复存在。

 

朝天翼视觉创意工作室资源下载