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

Question

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

Firefox表现得像我一样，玩家的边缘恰好到达父div的边缘：

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

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

谢谢！

Answer 1

影子DOM中有max-width: 800px：

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

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

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

Answer 2

铬问题138419标记为“WontFix”。原因是这是设计的。 开发人员必须为像您这样的特殊情况设计自己的自定义UI（尽管可能有一种方法可以在CSS中覆盖它）。