如何从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; 
}