做 UI 界面时,常觉得链接激活虚线框碍眼,所以通常都想把它清除。以前常用的办法就是在站点下放个 HTC 文件,但这仅支持 IE 而已。但其实想想,变通一下还是不难做到。
IE 下除了写 HTC,其实可以这样:
onfocus="this.blur()"或hidefocus="true"
再或者考虑和 FF 结合:可以写入 CSS 里
a {
blr:expression(this.onfocus=this.blur());
}
blr:expression(this.onfocus=this.blur());
}
FF 下直接在样式里定义 Outline 就行了。
a {
outline:none;
}
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


