链接周围的虚线边框是大多数浏览器默认提供的辅助功能。 这是为了那些必须或选择使用键盘进行导航的用户，当“Tab 键”指向这些链接时，会应用一种视觉样式。 这些边框也会在点击链接（处于“活动”状态）时显示，并且根据设计可能会让人觉得碍眼（尤其是在使用 CSS 图片替换时，边框会跨越整个屏幕长度）。 你可以使用以下代码将其移除
a:active {
outline: none;
}注意： 这里的优势在于 :focus 样式仍然会使用外边框，这意味着键盘导航者仍然会拥有焦点样式/视觉反馈。
不起作用。 边框仍然存在。
那你做错了
工作正常！
我也必须添加 :focus 来移除虚线外边框。
只需执行以下操作...
a{
outline: medium none !important;
}
尝试应用
a:focus {
outline: none;
}
你说得对，他们的代码不起作用。 为了使其正常工作，我使用了 a:hover,a:active,a:link{outline: 0px none;}。
在 Firefox 上，直到我添加了 a:focus，外边框才消失。
所以最终代码是
a:active,a:focus {
outline: none;
}
谢谢，它可以正常工作。
谢谢 GS...它对我有用，非常感谢！
谢谢，它可以正常工作
这解决了问题！ 谢谢！
Graystatic 说的没错。 需要在 Firefox 中使用 a:focus 才能正常工作。
但是，这不会消除键盘导航者的反馈吗？
对我来说也是。 在 Firefox 中需要这样
a:active, a:focus { outline: none; }
a:active, a:focus { outline: none; }
这对我有用，谢谢
我非常喜欢这种移除边框的方法。
但同时，当用户使用 TAB 键浏览页面时，在每个链接上显示 a:hover 属性，而不是虚线边框
找到了解决方法。
实际上我不知道 :focus 用于在获得键盘焦点时应用样式。
通过将所需的样式应用于 :focus，我能够做到这一点
工作正常，谢谢
没错。 如果你添加 a:focus，它在 Firefox 中可以正常工作！
没错，完美运行
CSS 重置文档通常会处理这个问题
它有助于移除烦人的外边框（在阅读本教程之前，我一直错误地将其称为“边框”），Firefox 在我的网站上的 HTML5 视频周围显示了该外边框。 谢谢。
这些建议都没有解决我在 Firefox 中将 Tab 键指向我的按钮的问题。（我也尝试了 button:focus{outline:none;}）。 经过一番摸索，我发现了以下有效的建议！
button::-moz-focus-inner {
border: 0;
}
一如既往，我想知道
，和
之间的区别。 谢谢你的解释和提示。
这对我有效
a:link {
outline: none;
}
谢谢...这解决了我的项目中的一个大问题，因为所有图片在点击时都带外边框，但现在使用这个属性可以正常工作了...
以上方法对我都没有用，直到我做了以下操作
1) 使规则更具体（例如，添加样式 a.toggle），2) 使用 :transparent
a.toggle:active,a.toggle:focus {
outline:transparent;
}
它可以正常工作，谢谢
对我没有用，但以下方法可以
a:hover,
a:active {
outline: none;
}
这对我也有用。 谢谢！
对我有效。 非常感谢你的帮助。
a:active,a:focus {
outline: none;
}
非常感谢，节省了很多时间、精力和搜索！
a:active, a:focus {
outline: none;
}
我只是想说，感谢所有 CSS 技巧！
它经常救我！ 非常感谢！ 真的！
简单地
a{
outline: none
}
就能实现魔法。