CSS去掉点击时的虚线

王朝html/css/js·作者佚名  2008-12-04
窄屏简体版  字體: |||超大  

也许你会觉得当点击时焦点出现的虚线很不好看,那就让我们把它去掉吧!

一,在<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())}

-----------------------------------------------------------

这样,站内所有的文章都实现了无虚线效果了。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航