html - 从 Chrome 中打开的 元素中删除蓝色边框？

Question

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

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

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

此处的 JSFiddle 代码用于演示问题:http://jsfiddle.net/6x2Kc/

Answer 1

使用outline:none;

例如，

summary{
  outline:none;
}

WORKING DEMO

希望这对您有所帮助。