去掉点击链接，a链接过后产生的虚线框

nb_pdd

于 2010-09-16 13:00:00 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： div css 文章标签： firefox ie html css

本文链接：https://blog.youkuaiyun.com/nb_pdd/article/details/5888109

9 篇文章

订阅专栏

本文介绍两种有效方法去除网页中链接点击后产生的虚线框。一种适用于Firefox浏览器，通过设置CSS样式实现；另一种针对Internet Explorer，利用HTML属性hideFocus及CSS表达式。这两种方法帮助提升网站用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：定义样式outline:none即可，但此法只适应于FF，IE不支持，在IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。

Css代码

<a href="#" hidefocus="true">这里放置您需要的文字或图片</a>

方法二：针对于IE

Css代码

.HideFocus {
hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */ 
outline: none;  /* for firefox 1.5 + */}

但是expression性能极差，如果不是特别需求，全部页面链接点击所产生的虚线框都必须去掉，尽量不要用这种方法。

/*清除a链接过后的虚线*/
a:active, a:focus {-moz-outline:none;outline:none;ie-dummy:expression(this.hideFocus=true);}