一个 A 标签，当鼠标点击该超链接时，设置此超链接的文本或图片外围会显示一个虚线形式的聚焦框，有没有什么方法可以去除或隐藏？

1、IE里需要在 A 标签中加入 hidefocus=”true” 属性就可以隐藏聚焦虚线框，举例：

<a href=”#” hidefocus=”true” >文本超链接</a>

 

如果想为 IE 定义 CSS 样式，可以使用以下方法（expression 方法容易引起性能问题，不建议使用）：

a{ blur:expression(this.blur()); }     /* IE适用 */

2、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()"，那就无法输入文字了。