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

Html 删除Chrome中音频播放器的最大宽度,html,css,html5-audio,Html,Css,Html5 Audio,我希望默认的HTML5音频播放器适合其父容器的宽度。我将其显示设置为“块”,宽度设置为“100%”。然而,Chrome似乎在超过某个窗口大小后开始在左右两侧添加填充物: Firefox的表现与我所希望的一样,播放器的边缘正好到达父div的边缘: 我怎样才能去掉这个额外的镀铬填充物 编辑::正如评论中指出的,它看起来实际上是一个最大宽度(不是填充) 谢谢 阴影DOM中有一个最大宽度:800px: 您可以使用::-webkit媒体控件存储模块覆盖它: audio::-webkit-media-

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

Firefox的表现与我所希望的一样,播放器的边缘正好到达父div的边缘:

我怎样才能去掉这个额外的镀铬填充物

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


谢谢

阴影DOM中有一个
最大宽度:800px

您可以使用
::-webkit媒体控件存储模块
覆盖它:

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

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

您能提供一个提琴吗?只需在正文中使用音频标签就足够了。。。这是小提琴。。。问题是小提琴窗口比正常窗口小,所以您必须使浏览器窗口非常大才能看到。。。检查这把小提琴,我发现的是,如果你有一个大于800px的容器,音频标签将停止增长。。。这就是我想禁用的Chrome中的最大宽度行为。和Firefox一样,它也在继续增长。