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

Question

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

一切正常，但不幸的是，当我单击打开元素时，Chrome 应用了一个难看的蓝色边框：

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

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

Answer 1

利用outline:none;

例如，

summary{
  outline:none;
}

工作演示

希望这可以帮助。

Answer 2

使用大纲：0；

summary:focus {
     outline: 0;
}