删除按钮下的虚线

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;
}

此选择器将为用户聚焦的所有元素设置样式，这些元素是id为navbar的元素的后代。

请记住，最好不要简单地删除轮廓，而是提供另一种样式，以便为那些使用选项卡按钮的用户导航它们在页面上的位置的可视指示。

例如：

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