html - 删除 Chrome 中音频播放器的最大宽度

Question

我希望默认的 HTML5 音频播放器适合其父容器的宽度。我将其显示设置为“ block ”，将宽度设置为“100%”。但是，似乎 Chrome 在超过某个窗口大小后开始在左侧和右侧添加填充:

Firefox 的行为如我所愿，播放器的边缘正好到达父 div 的边缘:

如何在 Chrome 中删除这个额外的填充？？

编辑::正如评论中所指出的，它看起来实际上是一个最大宽度(不是填充)......

谢谢!

Answer 1

shadow DOM中有一个max-width: 800px:

您可以使用 ::-webkit-media-controls-enclosure 覆盖它:

audio::-webkit-media-controls-enclosure {
    max-width: 100%; /*or inherit*/
}

http://jsfiddle.net/3qLbdrka/4/