當一個鏈接得到焦點時，默認會有個虛線框。如圖：
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 來將其去掉。所以我們可以這樣寫：
a
:focus
{
????
outline
:
none
;
????-moz-
outline
:
none
;
}
順便提一下，如果你用過 Safari 和 Chrome 可能會發現，當輸入框得到焦點時邊框會出現陰影效果。
如果想去掉陰影效果也可以用 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
>
這種辦法很管用，但過于暴力，最好不要用了。
原文出處:?? ? http://ouyo.info/show.php?pid=1109
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
