将 cursor: pointer 添加到音频元素

Question

我有一个疑问：如何为我的<audio>控件添加光标样式？当我通过css添加时，光标只显示在控件周围而不是在控件本身上。

这是一些代码：

<audio class="_audio" src="http://www.somewebsite.co/assets/AudioSample-JOBS.mp3" controls="controls" autoplay="autoplay" preload="auto"></audio>

值得注意的是：该元素是通过JavaScript在onclick事件中创建的，但这不应该产生影响...

- davidpm4

---

尝试：._audio:hover { cursor:pointer; } - display-name-is-missing

@DanielLisik 嗯，这似乎对Firefox有效，但出于某种原因，对Chrome无效... - davidpm4

cursor 样式在 Chrome 中肯定是支持的。一定有其他问题。 - David Corbin

Answer 1

不同的浏览器对音频元素的样式有不同的反应。

我在Windows 8.1上的Chrome 39和IE 11中测试了this sample。

audio { 
  width:45px; 
  height:25px;
  cursor:pointer
}

光标属性在IE 11中运作良好，但在Chrome中，使用上述样式时指针仅显示在音频按钮的左侧。

- mvark

Answer 2

很抱歉告诉你，无法样式化HTML媒体控件。您可以自己创建控件。如果您有兴趣，这是一个不错的链接： http://www.adobe.com/devnet/html5/articles/html5-multimedia-pt3.html

- user3489095