删除我单击页面上的元素后出现的边框轮廓

Question

每次单击页面中的项目时,都会出现一条黑线,显示项目边界.

有没有办法不显示这一行？

在解决方案之后编辑 我称之为边界轨迹的实际上是用于更容易访问的轮廓(例如,当使用Tab移动时)并且实际应该保留,或者替代使用它.有关MarkPlewis的更多评论以及他的答案中的链接,以及Dirk-Jan对自己答案的评论.

Answer 1

我猜你在谈论焦点大纲.

要从页面上的所有元素中删除它,请使用以下代码段:

*:focus {
    outline: 0;
}

或者你只能将它设置在你不想拥有这个轮廓的元素上.

Answer 2

这是一个辅助功能。它允许用户使用键盘界面与您的网站进行交互。大纲允许您查看当前具有焦点的元素。您可以使用以下 CSS 来抑制它，但不建议这样做。

*:focus {
    outline: none;
}

您可以在此处阅读更多相关信息。

如果您在政府网站上工作，那么您可能需要遵循严格的网络内容可访问性准则。WCAG 2.0 AA 级明确指出：“任何键盘可操作的用户界面都有一种键盘焦点指示器可见的操作模式。”