Html Chrome自动突出显示分机中的“我的”按钮

我构建了一个小小的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>

保存它！
解放它！

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

*:focus {
    outline:none;
}

---

我在以下线程中找到了代码：。

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

*:focus {
    outline:none;
}

我在以下线程中找到了代码：