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

时间:2014-05-30 01:48:56

标签: javascript html css html5 css3

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

这里有一些代码:

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

值得注意的是:该元素是通过javascript创建的,但这不应该发挥作用......

3 个答案:

答案 0 :(得分:1)

我很遗憾地说,但你无法设置html媒体控件的样式。 你能做的就是制作自己的控件。如果您对此感兴趣,那么这是一个很好的链接: http://www.adobe.com/devnet/html5/articles/html5-multimedia-pt3.html

答案 1 :(得分:0)

看看以前的SO问题,它会对你有所帮助。

Is it possible to style html5 audio tag?

答案 2 :(得分:0)

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

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

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

游标属性在IE 11中运行良好,但在Chrome中,指针仅显示在音频按钮的左侧,具有上述样式