Html audio 如何更改样式 大神来看下

Html audio 怎么更改样式 大神来看下

通过设置一些属性让它变成这样其实我的初衷是想改变它的样式，比如找个图标替换掉，有什么办法么
------解决思路----------------------

<audiosrc="xx.mp3"id="aud"></audio>
<imgsrc="play.png"onclick="aud_play()"/>
<imgsrc="pause.png"onclick="aud_pause()"/>
<scripttype="text/javascript">
functionaud_play(){
document.getElementById("aud").play();
}
functionaud_pause(){
document.getElementById("aud").pause();
}
</script>

------解决思路----------------------

<audiosrc="xxx.mp3"id="aud"></audio>
<imgsrc="play.png"id="playpause"/>
<scripttype="text/javascript">
varaud=document.getElementById("aud");
varimg=document.getElementById("playpause");
img.onclick=function(){
if(aud.paused){
aud.play();
}else{
aud.pause();
}
}
aud.addEventListener("play",function(e){
img.src="pause.png";
},false);
aud.addEventListener("pause",function(e){
img.src="play.png";
},false);
</script>