从Chrome中的<details>元素中删除蓝色边框？</details>

Question

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

一切正常，但不幸的是，当我点击打开元素时，Chrome会应用一个丑陋的蓝色边框：

有什么方法可以阻止Chrome这样做吗？我看不到任何明确的CSS样式被应用，所以我不知道如何摆脱它。

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

Answer 1

使用outline:none;

对于实例，

summary{
  outline:none;
}

<强> WORKING DEMO

希望这有帮助。

Answer 2

使用大纲：0;

summary:focus {
     outline: 0;
}