网页制作 
首页 > 网页制作 > 浏览文章

去掉a标签超链接的虚线框的方法

(编辑:jimmy 日期: 2024/11/26 浏览:3 次 )
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }

全 局控制  CSS实现
a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */  
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,过多使用效率低 */  
a:focus { -moz-outline-style: none; } /* IE不支持 */

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

当一个链接得到焦点时,默认会有个虚线框。如图:

去掉a标签超链接的虚线框的方法

在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写:
a:focus {
     outline:none;
     -moz-outline:none;
}

顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果。

去掉a标签超链接的虚线框的方法

如果想去掉阴影效果也可以用 outline 属性。
input,textarea {
     outline:none;
}

言归正传,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法。所以只能用一个替代的办法,就是 a 标签的 hidefocus 属性(这个属性是 IE 独有的)。
<a href="#" hidefocus="true">链接</a>

复制代码代码如下:
注意:JS 脚本对应的属性名是:hideFocus。对应的 JS 代码应该是:
xxx.hideFocus = 'true';

还有一种不推荐的办法。就是让链接得到焦点的时候失去焦点。
<a href="#" onfocus="this.blur();">链接</a>这种办法很管用,但过于暴力,最好不要用了。
可以在每一个<a><img>中加入onFosuc = this.blur(); ,但如果我们需要批量解决整站点的超链接虚线框,一个一个加这样的代码,不是要晕了。
可以使用三种方法解决:
第一,使用DW中的插件:scrubber.mxp,代点是可以对于整页内的超链接进行处理,但无法对整站点消除虚线框,有局限性。
第二,使用样式表,这样,就可以对整站进行处理了。
样式代码:
a {blr:expression_r(this.onFocus=this.blur())}
如果是图片区域,可以加:
area {blr:expression_r(this.onFocus=this.blur())}
一切都搞定了。
第三,也可以利用htc文件加入a.style.behavior属性.如:

复制代码代码如下:
<style>
a,img
{
behavior:url(js文件地址);
}
</style>

在js文件中写入下面语句

复制代码代码如下:
<attach event="onFocus" handler="onFocus" />
<SCRIPT language="javascript">
function onFocus()
{
this.blur();
}
</SCRIPT>

---------------------
没有什么救世主推荐:
第二种方法
使用样式表,这样,就可以对整站进行处理了。
样式代码:
a {blr:expression_r(this.onFocus=this.blur())}
如果是图片区域,可以加:
area {blr:expression_r(this.onFocus=this.blur())}
一切都搞定了。

上一篇:CSS网页布局时常犯的几种小错误小结
下一篇:纯CSS打造Bubble气泡提示框实现代码
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap