html - 如何删除 Chrome 扩展程序上的链接焦点轮廓？

Question

我制作了一个简单的 Chrome 扩展程序，其中包含指向一些常用书签的链接。当您打开它时，它会自动聚焦到第一个链接，即顶部的 Logo 图像。

我认为没有焦点它看起来好多了，而且我为其进行扩展的人不需要辅助功能。

我引用了 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;
}