使用CSS方式去除链接虚线框

当你浏览网页的时候,你是否有觉得链接虚线框非常的烦人呢?下面简单介绍几种方式:

局部控制方式

<a href=”link1.html” onfocus=”this.blur()”>链接1</a>
<a href=”link2.html” onfocus=”this.close()”>链接2</a>
<a href=”link3.html” hidefocus=”true”>链接3</a>
<a href=”link4.html” hidefocus=”hidefocus”>链接4</a>

全局控制

CSS实现

a{blr:expression(this.onFocus=this.close());} /*?仅支持IE,请勿过多使用 */
a{blr:expression(this.onFocus=this.blur());} /*?只支持IE,请勿过多使用*/
a:focus{-moz-outline-style:none; } /*?IE浏览器不支持?*/

注意:map area内链接应该在所在map的图片上加以控制,而不是在area内,可参考传统办法。

另外关于onFocus

<a href=“http://www.saqqdy.com/“ onFocus=”this.blur()”>
<Img Src=”a.jpg” Border=0>
</a>

onFocus是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用Border=0 这个才是去除虚线框的关键所在,有的人用onFocus=”this.blur()”来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的。

HTC去除链接虚线框请阅读:《使用HTC文件去除链接虚线框
JavaScript去除链接虚线框请阅读:《使用JavaScript(JS)去除链接虚线框

“使用CSS方式去除链接虚线框”的一个回复

评论已关闭。