如何更改<audio>铬中元素的高度?(能够在FF中做得很好)



所以我在Firefox的一个网站上开发了一个配置文件(该网站接受配置文件中的HTML)。然后我在Chrome中打开了它,虽然我注意到了每个人的差异和优缺点,但我并没有真正被任何事情困扰,除了我在顶部的音频播放器在Firefox中样式正确,但在Chrome中没有。

在我看来,由于某种原因,"高度"CSS没有接受Chrome,同时在Firefox中它看起来很好。

知道如何解决这个问题吗?如果没有,至少帮我做一个,让它在Chrome中正常显示,即使它必须是胖的而不是我想要的苗条。至少我希望它能够正常运行,而不是被页面遮挡,即使它不完全是我所设想的。

我已经尝试了几种@media"黑客"来仅针对Chrome/webkit,但他们也没有。

有问题的配置文件位于此处(需要闪存)。源在源选项卡中免费提供。CSS 类名是.BGM

谢谢。

编辑:差异的图像:https://imgur.com/a/EQyqD

你可以看到问题 - 我希望它像在 Firefox 中一样正确显示,而不是像在 Chrome 中那样被压碎。我实际上希望能够为Chrome进一步设置样式 - 使其在Chrome中的样式与在Firefox中的样式相同 - 尽管我猜测Chrome可能不像Firefox那样灵活。

PS:是的,疯狂的是,一个网站在2018年仍然在HTTP上的Flash上运行,是的,网站上的配置文件设计都是幼稚和前卫的。这是我的内疚乐趣 - 这是一个不错的小编码游乐场。

.bgm类中的高度属性更改为更大的属性,如 30。

如果你真的喜欢玩家在 Firefox 上的外观,你也可以引入一些 Chrome 唯一的边距来.bgm

-webkit-margin-before: 12px;

如果你想让Chrome播放器更薄,你需要研究webkit蒙版,这需要一个额外的图像文件。

最新更新