删除按钮下的虚线

Question

我在导航栏中有一个图像按钮，但我真的很想删除链接下的虚线。

左箭头是其中包含的链接按钮，你可以看到其下那朵虚线出现。

这是添加导航栏和按钮的代码：

<div id="navbar"> <a href="reList/holder.html"><img src="images/bk.png" alt="Index"/></a> 

我已经试过：

<div id="navbar"> <a href="HB/suit.html"><img src="images/bk.png" alt="Index" onfocus="if(this.blur)this.blur()"/></a> 

但它似乎并没有做任何事情。

Answer 1

从问题的信息有限，我建议你可能会寻找：

#navbar :focus { 
    outline: none; 
} 

这个选择器将样式是由元素的后代与用户集中的所有元素编号为navbar。

请记住，最好不要简单地删除轮廓，而是提供另一种样式，以使那些使用按钮的用户可以在页面上浏览可视指示，了解他们在页面上的位置。

例如：

#navbar :focus { 
    outline: none; 
    background-color: #ffa; 
}