Chromeで開いている<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;
}