如何隐藏掉点击超链接时周围出现的虚线框_去掉超链接四周的虚线的最好办法 | 胡鹏博客
首页 > CSS样式 > 如何隐藏掉点击超链接时周围出现的虚线框_去掉超链接四周的虚线的最好办法
2012九月30

如何隐藏掉点击超链接时周围出现的虚线框_去掉超链接四周的虚线的最好办法

最近在做web程序的时候老是发现给图片或者文字加超链接的时候,仔细观察的话会发现点击的时候,四周会有虚线出现,让人感觉很不爽,那我们做为程序员该如何处理这些问题呢,下面胡鹏就在这里给大家做一下详细的介绍,希望今后您遇到这样的问题就可以迎刃而解啦。
好啦,题外话就不多说啦,下面给出实例,让用户自己体验。
以下是解决方案
方法一:
在IE下是使用hideFoucs属性,在HTML标签中加上hidefocus=”true” 属性即可,但这个属性是IE私有的,Firefox并不认同。

<a href="#" hidefocus="true" title="IE私有的" >胡鹏博客中css样式栏目(加了hidefocus属性)</a>

方法二
Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可:
a:focus{outline:none}

把方法一和方法二结合就在ie和firefox下面都适合啦

还有方法三:用js控制:得到焦点又失去焦点。
<a href="#" onFocus="this.blur()" title="js控制" >胡鹏博客中css样式栏目(js控制)</a>

胡鹏博客推荐大家用方法一和方法二的结合。
<style>a:focus{outline:none}</style>
<a href="#" hidefocus="true" title="IE和firefox都适应" >胡鹏博客中css样式栏目(IE和firefox都适应)</a>

更多
本文目前尚无任何评论.
您必须在 登录 后才能发布评论.