从打开的<细节>中删除蓝色边框Chrome中的元素？

问题描述

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

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

有没有我可以阻止Chrome执行此操作吗？我看不到任何显式的CSS样式被应用，所以我不知道如何摆脱它。

JSFiddle代码在这里演示这个问题：

解决方案

使用 outline：none;

实例

 汇总{
概要：无; 
} 
  

希望这有助于您。

I'm upgrading my site to use the new HTML5 details element for better accessibility.

It's all working OK, but unfortunately when I click to open the element, Chrome applies an ugly blue border:

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.

JSFiddle code here to demo the problem: http://jsfiddle.net/6x2Kc/

解决方案

Use outline:none;

For Instance,

summary{
  outline:none;
}

WORKING DEMO

Hope this helps.

这篇关于从打开的<细节>中删除蓝色边框Chrome中的元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！