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

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

Firefox 的行为符合我的预期，播放器的边缘恰好到达父 div 的边缘：

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

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

Thanks!

There is a max-width: 800px in the shadow DOM:

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

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

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