Html 如何在单击链接时删除大纲？

当我在我的网站上点击一个链接时，它正在围绕链接创建一个轮廓，就像这样

我尝试添加：

a.image-link:focus { outline: 0; }

及

但似乎没有什么能摆脱它。有没有办法将其删除？

您可以使用以下方法：

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

固定的：

在我的CSS中发现已经生成了代码，用于在

a:active

上创建大纲。这是重写我的代码并将其删除，修复了问题。

只需添加 大纲：无；

---

文字装饰：无

只需在样式文件中添加

a:visted{outline:none；}

。

如果上述解决方案中至少有一个对任何人都不起作用。也试试这个

a:active, a:focus {
 box-shadow: none;
}

为我工作

我为此奋斗了一段时间，这在WordPress 5.5.3上对我起到了作用，店面主题：

---

可能

a:active{outline:0；}

的可能副本请注意，这些大纲对于某些禁用的用户非常重要。出于这个原因，我们中的许多人都同意他们的存在。我已经为你的问题更新了解决方案。我在链接上添加了焦点状态，还添加了moz outline属性。：）你能确认一下吗？

border

与此无关。大纲：0；知道这一点非常有用

a:active, a:focus {
 box-shadow: none;
}

a:hover,
a:active {
    outline: none;
    box-shadow: none !important;
}