當(dāng)一個(gè)鏈接得到焦點(diǎn)時(shí)，默認(rèn)會有個(gè)虛線框。如圖：
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 來將其去掉。所以我們可以這樣寫：
a
:focus
{
????
outline
:
none
;
????-moz-
outline
:
none
;
}
順便提一下，如果你用過 Safari 和 Chrome 可能會發(fā)現(xiàn)，當(dāng)輸入框得到焦點(diǎn)時(shí)邊框會出現(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 腳本對應(yīng)的屬性名是：hideFocus。對應(yīng)的 JS 代碼應(yīng)該是：
xxx.hideFocus = ‘true’;
還有一種不推薦的辦法。就是讓鏈接得到焦點(diǎn)的時(shí)候失去焦點(diǎn)。
<
a
href
=
"#"
onfocus
=
"this.blur();"
>
鏈接
<
/
a
>
這種辦法很管用，但過于暴力，最好不要用了。
原文出處:?? ? http://ouyo.info/show.php?pid=1109
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
