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

Question

我必须在这里提问：

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

第二 - 有没有办法将 -webkit 音频标签与 -moz 音频标签区分开来。

现在我将向您展示我的问题：http://jsfiddle.net/WB7yT/

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

有什么想法吗？

附言请不要建议JavaScript解决方案

Answer 1

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

Adit：你不想使用JavaScript，但这是制作一个完全可风格的播放器的唯一方法。