奇怪的导航突出显示

Question

我正在对一个网站进行更改，该网站由在我开始之前很久就在这里工作的人建立 - 其中一项更改是“删除导航链接周围的橙色框”。导航似乎是由一些 JavaScript 创建的，所以我发现很难弄清楚如何修复它。

我找不到任何解释为什么会发生这种情况 - 我很确定这不是 CSS 效果，因为它在每个浏览器中都不同（在 Chrome 中显示为橙色光晕，在 IE 中显示为虚线轮廓）。

网站是：http://bhealthy.net.au/，我指的导航靠近底部（Home、The Person、The Doctor 等）。

任何关于消除这种影响的帮助都会很棒。

Answer 1

这是outline，您可以在样式表中将其关闭：

* { outline: none; }

我建议您使用更具体的选择器，但您可能希望将 outline 保留在某些内容（例如表单控件）上以增强可用性。