溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下CSS中如何去掉A標簽的虛線框的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
當一個鏈接得到焦點時，默認會有個虛線框。如圖：
在 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>
這種辦法很管用，但過于暴力，最好不要用了。
以上就是“CSS中如何去掉A標簽的虛線框”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
