title: Remove blue border from open <details> element in Chrome?
body: <p>I'm upgrading my site to use the new HTML5 <code>details</code> element for better accessibility. </p>
  
  <p>It's all working OK, but unfortunately when I click to open the element, Chrome applies an ugly blue border: </p>
  
  <p><img src="https://i.stack.imgur.com/1NKFG.png" alt="enter image description here"></p>
  
  <p>Is there any way I can stop Chrome doing this? I can't see any explicit CSS styles being applied, so I'm not sure how to get rid of it. </p>
  
  <p>JSFiddle code here to demo the problem: <a href="http://jsfiddle.net/6x2Kc/">http://jsfiddle.net/6x2Kc/</a></p>