Chrome会在我的扩展程序中自动突出显示我的按钮

Question

我构建了一个小型Chrome扩展程序，其中包含两个按钮，可根据您单击的按钮更改网页内容。但是，Chrome会自动关注顶部按钮，并在其周围放置蓝色荧光笔。请参见屏幕截图：

我认为Chrome有某种自动样式的默认设置，它必须关注顶部按钮。无论如何让Chrome避免突出显示按钮？

我的HTML没有任何内容：

<div id="conservative">
    <button id="conservatize">Conserve it!</button>
    </div>
    <div id="liberal">
        <button id="liberalize">Liberate it!</button>
    </div>
</body>

Answer 1

尝试将以下内容添加到CSS中：

*:focus {
    outline:none;
}

我在以下主题中找到了代码：Chrome default focus outline。