Html 删除单击页面上的某个元素后显示的边框轮廓

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

有没有办法不显示这一行

解决方案后编辑

---

我所谓的边界轨迹实际上是一个轮廓，用于更容易访问（例如，当使用Tab四处移动时），实际上应该保留它，或者在它的位置使用一个替代方法。欲了解更多信息，请阅读下面MarkPlewis的评论和他答案的链接，以及Dirk Jan对hos自己答案的评论

我想你说的是焦点提纲

要将其从页面上的所有元素中删除，请使用以下代码段：

*:focus {
    outline: 0;
}

---

当然，你也可以只在你不想要这个大纲的元素上设置它。

我相信你可以用CSS解决这个问题：

*:focus {
    outline: 0;
}

---

这会将其从所有聚焦元素中移除<代码>*是所有元素的选择器

：focus

是一个伪选择器，用于选择元素的聚焦时间。您看到的大纲是

outline

CSS属性。

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

*:focus {
    outline: none;
}

你可以

---

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

我会检查您的css是否有

*：active

和

*：focus

选择器，并查看

outline

属性，这通常不是一条实线，而是一条虚线。它确实是轮廓属性。所有答案都是正确的，但由于这是第一个答案，我认为应该将其标记为已接受的答案。请注意，对于一些通过键盘控制网站的人来说，如果保持原封不动（否则他们看不到他们使用的元素，例如tab），当然，也可以在焦点上设置一个不同的样式，比如一个漂亮的阴影或其他东西。这不仅有用，而且如果你在政府网站上工作（取决于国家），这是一项法律要求。美国立法称为“第508节”。加拿大直接遵循WCAG 2.0。有关更多信息，请参阅Web内容可访问性指南：非常有用的链接和建议。我应该优先考虑我的网站的可访问性。但是，有这样的大纲也不是最好的选择。我将不得不想一些其他的方法让用户知道他当前在哪个对象上。也许是德克·简建议的阴影。