2016-01-06 114 views
12

當我點擊我的網站,它周圍產生鏈接的輪廓,像這樣如何刪除鏈接點擊大綱?

enter image description here

我已經嘗試添加一個鏈接:

a.image-link:focus { outline: 0; } 

a {outline : none;} 

但似乎沒有任何東西可以擺脫它。有沒有辦法刪除它?

+1

也許'a:active {outline:0;}' –

+0

可能重複[如何刪除超鏈接圖像的輪廓?](http://stackoverflow.com/questions/814366/how-cani-i-刪除大綱周圍的超鏈接圖像) – isherwood

+2

請注意,這些輪廓對於一些禁用用戶非常重要。出於這個原因,我們許多人已經同意他們的存在。 https://www.tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ – isherwood

回答

19

只要做到:

a:active, a:focus { 
    outline: 0; 
    border: none; 
    -moz-outline-style: none 
} 
+0

在Firefox中無法正常工作: -/ –

+0

我已更新爲您解決問題。我已將焦點狀態指向鏈接,並添加了moz-outline屬性。 :)你能確認嗎? –

+0

'邊界'沒有什麼待辦事項。 –

0

修正:

在我的CSS,有已經產生對a:active創建大綱代碼發現了。這是重寫我的代碼,並刪除它解決了問題。