去掉点击链接后的虚线框
2013-07-11 11:20
295 查看
点击一个超链接后默认会有一个虚线框,有时候要求去掉它。
firefox及标准浏览器下可以用css属性outline:
IE下如下实现(据说过多使用效率低):
此外还可以使用 hidefocus 属性。
webkit内核浏览器(Safari/Chrome)中点击链接后不会有虚线框,这应该是默认样式的问题。如果想让其和IE/Firefox一样点击后留下虚线框可加入以下:
最早期,用一种很蛋疼的方法,获取焦点的事件中又失去焦点。
相关:
http://24ways.org/2009/dont-lose-your-focus
http://people.opera.com/patrickl/experiments/keyboard/test
http://www.zhihu.com/question/20144196
firefox及标准浏览器下可以用css属性outline:
outline:none;/*0也可以*/
IE下如下实现(据说过多使用效率低):
a { blr:expression(this.onFocus=this.blur()); }
此外还可以使用 hidefocus 属性。
webkit内核浏览器(Safari/Chrome)中点击链接后不会有虚线框,这应该是默认样式的问题。如果想让其和IE/Firefox一样点击后留下虚线框可加入以下:
a:visited { outline:1px dotted gray; }
最早期,用一种很蛋疼的方法,获取焦点的事件中又失去焦点。
<a onfocus="this.blur()" href="javascript:void 0">设置主题</a>
相关:
http://24ways.org/2009/dont-lose-your-focus
http://people.opera.com/patrickl/experiments/keyboard/test
http://www.zhihu.com/question/20144196
相关文章推荐
- 去掉点击链接时出现的虚线
- 如何去掉点击链接时周围的虚线
- 去掉点击链接,a链接过后产生的虚线框
- 如何去掉点击链接时周围的虚线框
- 去掉点击链接后的虚线框
- 去掉图片链接点击后,图片周围的虚线框
- css 点击超级链接时,去掉周围的虚线框
- 去掉点击链接时周围的虚线框及未点击时的蓝色框
- 教你如何去掉点击链接时的虚线
- 如何去掉点击a链接时周围的虚线框
- 去掉点击链接时的虚线框 .
- 如何去掉点击链接时周围的虚线框outline属性
- 去掉鼠标点击一个链接时在其四周出现的虚线框
- 去掉A标签点击链接自动产生的虚线边框(兼容FF)
- a:focus{outline: none;} 如何去掉点击链接时周围的虚线框outline属性
- 如何去掉点击链接时周围的虚线框outline属性 去除a标签边上的虚线
- 去掉图片链接点击后,图片周围的虚线框
- 去除firefox点击链接时的虚线边框
- css去掉a标签点击后的虚线框
- 两句纯CSS就让点击图片链接时候的虚线框消失了。