超连接点击无虚线框的多种实现方法

次点击超链接的时候会有一个虚线框挺烦人的所以搞个让他消失代码，刚刚说的是 Firefox ，现在说说 IE。首先比较遗憾，还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法

首先是FF
只需要加上一个属性就可以了 outline：none；这样在ff里边就不显示了
再次就是IE
ie里边就没有属性可控制了，那怎们办那其实可以在html控件上加一个属性 hidefocus=“true”；

好了你可以测试下

一，在<a>标签中加入onFocus=”this.blur()”语句：

<a href=”#” onFocus=”this.blur()”>try</a>
———————————————————–

二，在<a>标签中加入hidefocus：

<a href=”###” hidefocus>link</a>
———————————————————–

三，如果连接太多，可以用外部链接 .HTC 文件。
如，blur.htc 文件内容如下：

<public:attach event=”onfocus” onevent=”makeblur()”/>
<script language=””>
function makeblur(){
this.blur();
}
</script>

在 CSS 中加入如下代码：

A { behavior:url(blur.htc); }
———————————————————–

四，使用CSS样式，可加入代码：

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

这样，站内所有的文章都实现了无虚线效果了。