带有纯CSS的HTML5风格音频标签

Question

我在这里有问题：

首先 - 有没有办法像-webkit浏览器那样设置firefox音频标签的样式。例如：我可以使用audio::-webkit-media-controls-panel来更改背景颜色。

第二 - 是否有任何方法可以将-webkit音频标签与-moz音频标签区分开来。

现在我将告诉你我的问题： http://jsfiddle.net/WB7yT/

这就是我现在设置音频标签的方式。 我想使用它，但使用firefox audio { height: 50px; }是一个问题，这是-webkit浏览器所需要的。

任何想法？

P.S。请不要建议使用javascript解决方案

Answer 1

对不起，你不能。 Chrome是使用实验性功能的最佳浏览器，例如网络音频api或新的CSS3伪选择器和其他新的样式元素。'

adit：你不想使用javascript，但这是制作一个完全可管理的播放器的唯一方法。