消除链接激活虚线框

« 返回上页作者:乔夫  分类: 网事悠游  日期:2007-10-9 at 14:45  

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

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

onfocus="this.blur()"或hidefocus="true"

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

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

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

a {
  outline:none;
}


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

<a href="goupwing.com" onfocus="this.blur()">The wings flying apsaras</a>

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

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

更多分享

暂无评论  Trackback Url:http://ichov.com/web/clear-link-active-line.html/trackback

有啥说啥 Leave a Reply