去掉按钮下的虚线

Question

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

左箭头是包含 link 的按钮，您可以在其下方看到虚线。

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

<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 的元素的后代。

请记住，最好不要简单地删除轮廓，而是提供一种替代样式，让那些使用 tab 按钮导航的用户可以直观地了解他们在哪里在页面上。

例如：

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

Remove dotted line under button