在IE7浏览器中,在超链接的内容上单击后,就会出现虚线框请问该怎么解决啊?

cnliao 楼主

在IE7浏览器中,在超链接的内容上单击后,就会出现虚线框请问该怎么解决啊?高手指点一下...

xiachongjun

a {
   bblr:expression(this.onFocus=this.blur());
   outline:none;
}

可以这样..上面属性是IE7,下面是属性FF..

marsvip

局部控制
　<a href="link1.htm" onfocus="this.blur()">link1</a>
　<a href="link1.htm" onfocus="this.close()">link1</a>
　<a href="link1.htm" hidefocus="true">link1</a>
　<a href="link1.htm" hidefocus="hidefocus">link1</a>

全局控制
　CSS实现
　a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */
　a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */
　a:focus { -moz-outline-style: none; } /* IE不支持 */



onFocus是设置鼠标焦点事件的东西，这个可以用，也可以不用，不过为了让更多的浏览器识别的话，建议采用Border=0 这个才是去除虚线框的关键所在（在网上看到有的人用onFocus="this.blur()"来消除虚线框，但在本地测试时，仅仅用这一句是不能消除的）

marsvip

还有JS方法，HTC方法，具体可以google下```