我们在网页中点击了超链接后，再回到原网页中，会发现超链接的文字样式发生变化，周边出现一个虚线框。
很多人不喜欢这个虚线框，今天就教大家用原生的方法消除超链接留下的虚线框痕迹。
解决办法：
IE里需要在 A 标签中加入 hidefocus=”true” 属性就可以隐藏聚焦虚线框，举例：
<a href=”#” hidefocus=”true” >文本超链接</a>
如果想为 IE 定义 CSS 样式，可以使用以下方法（expression 方法容易引起性能问题，不建议使用）：
a{ blur:expression(this.blur()); } /* IE适用 */
Firefox等浏览器中只需定义 A 标签的 CSS 样式就可以隐藏聚焦虚线框：
a { outline:none; } /* FireFox等适用 */
扩展阅读
hidefocus 即隐藏聚焦，是HTML标签的一个属性，具有使对象聚焦失效的功能。如果一个A标签，没有加 hidefocus 属性，那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hidefocus则不会有虚线框。
hidefocus 属性除了 A 标签可以用外，所有的HTML标签都可以使用，用法和含义相同，使得对像获取焦点时和没获取焦点时的表现形式一样。
hidefocus 其功能相当于：onfocus="this.blur()" ，但这种说法不严谨的，hidefocus是隐藏对像获取焦点时的特性，this.blur() 则是让对像失去焦点，所以，相对于A标签来说，这两者是一样的效果，而对于输入框来说，那区别就很明显了，如果给输入框加上onfocus="this.blur()"，那就无法输入文字了。
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/361.html
