如何删除链接点击上的大纲？

When I click a link on my website it is creating an outline around the link like so

当我点击我网站上的链接时，它会围绕链接创建一个大纲

I've tried adding:

我试过添加：

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

and

和

a {outline : none;}

But nothing seems to get rid of it. Is there a way to remove it?

但似乎没有什么可以摆脱它。有没有办法删除它？

3 个解决方案

#1

You can just use this:

你可以使用这个：

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

#2

Fixed:

固定：

Found out in my CSS that there was code already being generated to create an outline on a:active. This was overriding my code and removing it fixed the problem.

在我的CSS中发现，已经生成了代码以在a：active上创建大纲。这覆盖了我的代码并删除它修复了问题。

#3

Simply add outline:none; text-decoration:none;

只需添加outline：none;文字修饰：无;

#1