添加光标:指向音频元素的指针

add cursor: pointer to audio element

本文关键字:元素 指针 音频 光标 添加      更新时间:2023-09-26

得到了一个快速的:我如何添加光标样式到我的<audio>控件?当我通过css添加它们时,光标只显示在控件周围,而不是控件本身。

下面是一些代码:

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

注意:元素是通过javascript创建的onclick,但不应该发挥作用…

我很抱歉地说,但是你不能样式html媒体控件。你能做的就是制作自己的控件。如果你感兴趣,这里有一个很好的链接:http://www.adobe.com/devnet/html5/articles/html5-multimedia-pt3.html

不同的浏览器对audio元素的样式反应不同。

我在Chrome 39 &Windows 8.1下的IE 11。

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

光标属性在IE 11中工作得很好,但在Chrome中,指针只显示在音频按钮的左侧,上面的样式