从Chrome中打开<details>元素中删除蓝色边框？

Question

我正在升级我的网站以使用新的HTML5 details元素以获得更好的可访问性。

这一切都工作正常，但不幸的是，当我点击打开元素，镀铬适用丑陋的蓝色边框：

有没有什么办法可以阻止浏览器这样做呢？我看不到任何显式的CSS样式被应用，所以我不知道如何摆脱它。

的jsfiddle这里的代码演示问题：http://jsfiddle.net/6x2Kc/

Answer 1

使用outline:none;

例如，

summary{ 
    outline:none; 
} 

WORKING DEMO

希望这有助于。