如何在Chrome扩展程序中删除链接焦点概述？

Question

我做了一个简单的Chrome扩展程序，其中包含一些常用书签的链接。当您打开它时，它会自动聚焦在第一个链接上，这是顶部的徽标图像。

我认为如果没有焦点，它看起来会好得多，而我为其扩展的人员不需要辅助功能。

我引用了this StackOverflow question，并试图用outline: none;和'outline: none !important;在CSS中覆盖它。我还尝试过使用outline-color: transparent;将颜色更改为其他阴影或透明。这些都不起作用。

值得一提的是，当我在Chrome中查看html文档时，轮廓未显示。仅当它作为Chrome扩展程序上传时才会发生。

您可以在这里查看我的代码：https://github.com/christinahouck/Daniels_Chrome_Extension

Answer 1

您可以使用此功能：

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