从Chrome中打开的<details>元素中删除蓝色边框？
flo*_*fan 21 html css html5 google-chrome details
我正在升级我的网站以使用新的HTML5 details元素以获得更好的可访问性.
这一切都运行正常,但不幸的是,当我点击打开元素时,Chrome会应用一个丑陋的蓝色边框:
我有什么方法可以阻止Chrome这样做吗？我看不到任何明确的CSS样式被应用,所以我不知道如何摆脱它.
JSFiddle代码在这里演示问题:http://jsfiddle.net/6x2Kc/
Nit*_*esh 40
使用 outline:none;
例如,
summary{
outline:none;
}
希望这可以帮助.
- 实际上设置大纲:没有**所有**HTML元素,如@SurjithSM的评论是一个非常糟糕的做法,因为使用标签按钮来切换控件的用户将看不到什么是焦点.残疾人也会在使用这样的网站时遇到问题. (9认同)
- 即使只是这个答案对于可访问性来说也不是很好,用户在浏览页面后如何知道摘要是否集中在一起？ (2认同)
| 归档时间： |
|
| 查看次数： |
11404 次 |
| 最近记录： |