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。