從Chrome中打開<details>元素中刪除藍色邊框？

Question

我正在升級我的網站以使用新的HTML5 details元素以獲得更好的可訪問性。

這一切都工作正常，但不幸的是，當我點擊打開元素，鍍鉻適用醜陋的藍色邊框：

有沒有什麼辦法可以阻止瀏覽器這樣做呢？我看不到任何顯式的CSS樣式被應用，所以我不知道如何擺脫它。

的jsfiddle這裏的代碼演示問題：http://jsfiddle.net/6x2Kc/

Answer 1

使用outline:none;

例如，

summary{ 
    outline:none; 
} 

WORKING DEMO

希望這有助於。