如何從nav中的已訪問圖像中刪除邊框？

Question

在訪問導航圖像時，我無法將虛線邊框從我的導航圖像中刪除。我以爲下面的風格應該做到這一點，但它似乎並沒有工作。

有什麼想法？

HTML

<li class="navprint"> 
<a href="printcategory.html"><img src="Images/navprint.png" alt="print button" title="print button"> 
</a> 
</li> 

CSS

.navprint { 
width: 130px; 
height: 30px; 
padding: 0px 0px 0px 0px; 
} 

.navprint:visited { 
border: none; 
text-decoration: none; 
list-style-image: none; 
outline: none; 
} 

.navprint:hover { 
background-color: rgb(209, 244, 239); 
} 

.navprint:active, { 
background-color: rgb(209, 244, 239); 
} 

Answer 1

如果你在說些什麼，我認爲你是在談論，這與有:focus鏈接的輪廓做。所以，你可以做這樣的事情：

a:focus { 
    border: none; 
    outline: none; 
} 

但是，請注意，大綱是有原因的 - 有些人導航時使用鍵盤或其他設備，而不是鼠標。 focus大綱告訴他們哪個鏈接當前有焦點。除非用另一個指標代替它，否則通常是一個壞主意。所以你可以這樣做：

a:hover, a:focus { 
    background-color: rgb(209, 244, 239); 
    border: none; 
    outline: none; 
}