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。