css - 在 IE 和 Firefox 中隐藏锚轮廓的可访问性友好方式

Question

首先，我知道删除轮廓会妨碍键盘导航。

谷歌浏览器（例如）解决这个问题的方法是只在用户使用键盘时显示轮廓。然而，即使我用鼠标单击，Internet Explorer 和 Firefox 似乎也会显示它们——我不喜欢这样。

所以我想要的是一种让 IE（如果可能的话，降到版本 7）和/或 Firefox 在我单击（在锚点上、锚点内的图像等）时不显示这些轮廓的方法，但在我单击时仍然显示它们使用键盘，就像 Google Chrome 的行为方式一样。

如果此解决方案仅适用于 CSS（即使使用非标准修复），那将是非常理想的。

Answer 1

这很好地解决了 IE 8 和 Firefox 的问题。

a:hover, a:active { outline: none; }

然而，有一些事情让我永远想通了：如果链接的目标没有指向任何地方，它就不会起作用。这意味着它不适用于类似<a href="#">.

来源。