如何去除點擊鏈接時出現(xiàn)的虛線框

字號:


    方法一:
    IE 下可使用其私有的html屬性:hideFocus,在標(biāo)簽的結(jié)構(gòu)中加入 hidefocus=”true” 屬性。即:
    <a hidefocus="true"></a>
    而在 Firfox 瀏覽器中則相對比較容易,直接給標(biāo)簽 a 定義樣式 outline:none; 就可以了,即:
    .HideFocus {
    outline:none;/*outline:0;也可以*/
    }
    方法二:
    也可以僅用 CSS 來控制,即對 IE 的情形使用 expression 表達(dá)式,但不推薦使用,畢竟 expression 在性能上有問題。
    .HideFocus {
    hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
    outline: none; /* for firefox 1.5 + */
    }
    opera9 似乎默認(rèn)就不顯示焦點虛線框。
    除鏈接外,該 CSS 同樣適用于 input 和 button 標(biāo)簽。
    IE6, IE7, FF1.5, FF2, Opera9 測試通過。