展会信息港展会大全

超连接点击无虚线框的多种实现方法
来源:互联网   发布日期:2016-03-25 16:30:33   浏览:2900次  

导读:次点击超链接的时候会有一个虚线框 挺烦人的 所以搞个让他消失代码 ,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法...

次点击超链接的时候会有一个虚线框挺烦人的所以搞个让他消失代码 ,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法

首先是FF

只需要加上一个属性就可以了outline:none;这样在ff里边就不显示了

再次就是IE

ie里边就没有css教程属性可控制了, 那怎们办那其实可以在html控件上加一个属性 hidefocus=“true”;

好了 你可以测试下

<a hideFocus="true" style= "outline:none;" alt= "ooxx" href= "#" >ooxx</a>

一,在<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="网页特效">

function makeblur(){

this.blur();

}

</script>

在 CSS 中加入如下代码:

A { behavior:url(blur.htc); }

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

四,使用CSS样式,可加入代码:

a {blr:expression(this.onFocus=this.blur())}

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

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

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港