去掉A标签点击链接自动产生的虚线边框(兼容FF)
2012-11-07 11:24
274 查看
去除虚线框的方法 | 优劣 | 兼容性 | 是否中断tab |
<a href=”#” onfocus=”this.blur()”>this blur</a> | 链接聚焦触发时失去焦点,js和html耦合在一起 | 无 | 是 |
a:focus {outline:none; -moz-outline:none} | outline由css2.1引入,去除虚线框视觉上的问题正是css的职责 | ie6/ie7不支持,ie8+/ff /safari/opera[2]支持 | 否 |
<a href=”#” hidefocus=”true” >hidefocus</a> | 该属性是ie的私有属性[3] | ie5+支持 | 否 |
a{blr:expression(this.onFocus=this.close());} a{blr:expression(this.onFocus=this.blur());} | 可批量处理,但expression的性能问题不能忽视 | expression ie6/7支持,ie8+、非ie不支持 | 是 |
即:<a href=”#” hidefocus=”true” >链接</a>
a:focus {outline-style:none; -moz-outline-style: none;}
相关文章推荐
- css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器
- 去掉链接a标签外的虚线框(ff,ie)
- 去掉链接a标签外的虚线框(ff,ie)
- 如何去掉点击链接时周围的虚线框outline属性 去除a标签边上的虚线
- 去掉点击链接,a链接过后产生的虚线框
- 去掉点击a标签时产生的虚线框
- 去掉a标签点击后产生的虚线框
- 去掉a标签点击时的虚线边框
- 如何去掉点击超链接时周围产生的虚线边框
- a标签点击之后有个虚线边框,怎么去掉
- 教你如何去掉点击链接时的虚线
- 线框问题去除FireFox中点击链接的时候,出现的虚线的边框框
- 去掉a标签虚线边框
- 去掉超链接或按钮点击时出现的虚线边框
- 如何去掉点击链接时周围的虚线框
- [转]IE8消除点击a标签时产生的虚线框
- 去掉鼠标点击后的虚线边框
- 去掉点击链接后的虚线框
- 去除FireFox中点击链接的时候,出现的虚线的边框框
- 去掉点击链接后的虚线框