去掉a標(biāo)簽超鏈接的虛線框的方法
全 局控制 CSS實(shí)現(xiàn)
a{blr:expression(this.onFocus=this.close());} /* 只支持IE,過多使用效率低 */
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,過多使用效率低 */
a:focus { -moz-outline-style: none; } /* IE不支持 */
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
當(dāng)一個(gè)鏈接得到焦點(diǎn)時(shí),默認(rèn)會(huì)有個(gè)虛線框。如圖:

在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 來將其去掉。所以我們可以這樣寫:a:focus {
outline:none;
-moz-outline:none;
}
順便提一下,如果你用過 Safari 和 Chrome 可能會(huì)發(fā)現(xiàn),當(dāng)輸入框得到焦點(diǎn)時(shí)邊框會(huì)出現(xiàn)陰影效果。

如果想去掉陰影效果也可以用 outline 屬性。input,textarea {
outline:none;
}
言歸正傳,剛剛說的是 Firefox ,現(xiàn)在說說 IE。首先比較遺憾,還沒有找到通過 CSS 去掉 IE 鏈接虛線框比較好的解決辦法。所以只能用一個(gè)替代的辦法,就是 a 標(biāo)簽的 hidefocus 屬性(這個(gè)屬性是 IE 獨(dú)有的)。<a href="#" hidefocus="true">鏈接</a>
注意:JS 腳本對(duì)應(yīng)的屬性名是:hideFocus。對(duì)應(yīng)的 JS 代碼應(yīng)該是:
xxx.hideFocus = 'true';
還有一種不推薦的辦法。就是讓鏈接得到焦點(diǎn)的時(shí)候失去焦點(diǎn)。
<a href="#" onfocus="this.blur();">鏈接</a>這種辦法很管用,但過于暴力,最好不要用了。
可以在每一個(gè)<a><img>中加入onFosuc = this.blur(); ,但如果我們需要批量解決整站點(diǎn)的超鏈接虛線框,一個(gè)一個(gè)加這樣的代碼,不是要暈了。
可以使用三種方法解決:
第一,使用DW中的插件:scrubber.mxp,代點(diǎn)是可以對(duì)于整頁內(nèi)的超鏈接進(jìn)行處理,但無法對(duì)整站點(diǎn)消除虛線框,有局限性。
第二,使用樣式表,這樣,就可以對(duì)整站進(jìn)行處理了。
樣式代碼:
a {blr:expression_r(this.onFocus=this.blur())}
如果是圖片區(qū)域,可以加:
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>
---------------------
沒有什么救世主推薦:
第二種方法
使用樣式表,這樣,就可以對(duì)整站進(jìn)行處理了。
樣式代碼:
a {blr:expression_r(this.onFocus=this.blur())}
如果是圖片區(qū)域,可以加:
area {blr:expression_r(this.onFocus=this.blur())}
一切都搞定了。
相關(guān)文章
本教程介紹火焰花紋的制作方法。制作之前需要準(zhǔn)備一些花紋及火焰素材。制作的時(shí)候先把花紋素材調(diào)成火焰色,并加上一些發(fā)光的圖層樣式。然后把火焰素材疊加到花紋上,用涂抹2010-11-19- html5 的a標(biāo)簽是可以撥電話的,通過其Href屬性來實(shí)現(xiàn),需要的朋友可以了解下2013-11-04
a標(biāo)簽下載鏈接的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猘標(biāo)簽下載鏈接的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-13


