您的位置:首页 > 其它

a标签点击后的虚线框

2016-02-28 13:28 253 查看
聚焦a标签时,会出现一个虚线框。

这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。

解决办法:

1、添加outline:none

但是对ie6,ie7无效

2、在a标签里加入js控制,当a标签聚焦时,取消焦点。

a href="#" onfocus="this.blur();">测试</a>

3、在css中加入<body a{outline:none;blr:expression(this.onFocus=this.blur());}

4、a标签中加入hidefocus="false"

<a target="_blank" href="#" hidefocus="false">

5、在a标签中放入其他的标签,这样聚焦时,不会聚焦在a标签上,也就不会出现虚线框了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: