CSS去掉点击时的虚线
CSS去掉点击时的虚线
也许你会觉得当点击时焦点出现的虚线很不好看,那就让我们把它去掉吧!
一,在<a>标签中加入onFocus="this.blur()"语句:
-----------------------------------------------------------
<a href="#" onFocus="this.blur()">try</a>
-----------------------------------------------------------
二,在<a>标签中加入hidefocus:
-----------------------------------------------------------
<a href="###" hidefocus>link</a>
-----------------------------------------------------------
三,如果连接太多,可以用外部链接 .HTC 文件。
如,blur.htc 文件内容如下:
----------------------------------------------------------
<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>
-----------------------------------------------------------
在 CSS 中加入如下代码:
-----------------------------------------------------------
A { behavior:url(blur.htc); }
-----------------------------------------------------------
四,使用CSS样式,可加入代码:
-----------------------------------------------------------
a {blr:expression(this.onFocus=this.blur())}
-----------------------------------------------------------
这样,站内所有的文章都实现了无虚线效果了。
或者还可以在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}
一,在<a>标签中加入onFocus="this.blur()"语句:
-----------------------------------------------------------
<a href="#" onFocus="this.blur()">try</a>
-----------------------------------------------------------
二,在<a>标签中加入hidefocus:
-----------------------------------------------------------
<a href="###" hidefocus>link</a>
-----------------------------------------------------------
三,如果连接太多,可以用外部链接 .HTC 文件。
如,blur.htc 文件内容如下:
----------------------------------------------------------
<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>
-----------------------------------------------------------
在 CSS 中加入如下代码:
-----------------------------------------------------------
A { behavior:url(blur.htc); }
-----------------------------------------------------------
四,使用CSS样式,可加入代码:
-----------------------------------------------------------
a {blr:expression(this.onFocus=this.blur())}
-----------------------------------------------------------
这样,站内所有的文章都实现了无虚线效果了。
或者还可以在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}
design_ss- 帖子数 : 122
积分 : 373
威望 : 0
注册日期 : 11-12-28
您在这个论坛的权限:
您不能在这个论坛回复主题
10/09/13, 06:50 am 由 design_ss
» javascript 函数的方法call()和apply()
09/09/13, 05:10 am 由 design_ss
» JS中typeof与instanceof的区别
08/08/13, 11:10 am 由 design_ss
» JS中的构造函数解析
08/08/13, 09:44 am 由 design_ss
» js对象属性方法大总结
08/08/13, 08:46 am 由 design_ss
» js中的值类型和引用类型小结 文字说明与实例
08/08/13, 06:35 am 由 design_ss
» CSS3中轻松实现渐变效果
05/07/13, 09:48 am 由 design_ss
» jQUery 常用实例
03/07/13, 09:56 am 由 design_ss
» mask_layer 遮照
03/07/13, 08:18 am 由 design_ss