去除激活鏈接虛線邊框(ff+ie)

悟靜 2013-04-05

展開全文

去除激活鏈接虛線邊框(ff+ie)

2/1826
stauren
1777d ago

發(fā)現，a標簽按下后，會有虛線邊框
要隱藏的話，IE和FF中的處理是不同的

IE: 可以用onfocus="this.blur()" 或 hidefocus="ture" 或寫css expression: a {blr:expression_r(this.onFocus=this.blur())}

FF: 可以用css中的outline:none 來設定

示例：
IE中點擊無虛線
FF中點擊無虛線
IE與FF皆無虛線

代碼如下：

<a href="#" _fcksavedurl=""#""
onfocus="this.blur()">IE中點擊無虛線</a>


<a href="#" style="outline:
none;">FF中點擊無虛線</a>


<a href="#" onfocus="this.blur()" style="outline:
none;">IE與FF皆無虛線</a>

--- post by stauren from IP hidden at 2007-06-04 16:09 (1777d ago)

Comment #1 stauren@stauren (IP hidden) at 2007-06-04 16:27 (1777d ago)

嗯，舉例中的3個鏈接點擊后也全部沒有邊框
應該是和另一個東西沖突了。
嗯，證明，使用
document.onselectstart = function() {return false;};和
document.onmousedown = function (event) {event.preventDefault ()};
也是可以去除那個邊框的

Comment #2 ytzong (219.133.62.73) at 2010-01-20 12:49 (816d ago)

IE CSS表達式這個要慎用
我之前同事為了a點擊后去焦點（寫的跟你這句差不多）
鼠標滑過的時候（一個彈出菜單，里面是鏈接列表）導致IE6 CPU飆到50%

http:///log/6ap7cyoix.html#

========================
經過本人測試，只需要一句CSS代碼即可：

例如xhmtl代碼如下：
<div class="logo"><a href="index.html"><img src="images/logo" /></a></div>
則去掉去除激活鏈接虛線邊框的CSS代碼如下：
.logo a{
outline:none;
}
=====================
一切OK，兼容所有的瀏覽器。