javascript - add cursor: pointer to audio element

Question

got a quick one: how do I add a cursor style to my <audio> controls? When I add them via css the cursor only displays around the controls and not on the controls themselves.

Here's some code:

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

Of note: the element is created onclick via javascript, but that shouldn't come into play...

Answer 1

I'm sorry to say, but you can't style html media controls. What you can do is to make your own controls. If you're interested here's a good link: http://www.adobe.com/devnet/html5/articles/html5-multimedia-pt3.html