爲音頻標籤定製css

我有這個音頻控制，我試圖改變播放器的顏色，但我無法定位它我發現一些文章談論這樣做使用JavaScript是唯一的方法來寫CSS爲它。爲音頻標籤定製css

<audio controls class="radio-audio"> 
    <source src="" type="audio/mpeg"></audio>

我試圖寫這樣的代碼發現它在互聯網上的某個地方，但我仍然沒有看到任何變化。

它是所有懸停和焦點沒有做多少

.radio-audio:hover, .radio-audio:focus, .radio-audio:active { 
    -webkit-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4); 
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4); 
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05); 
    transform: scale(1.05); 
} 

.radio-audio { 
    -webkit-transition: all 0.5s linear; 
    -moz-transition: all 0.5s linear; 
    -o-transition: all 0.5s linear; 
    transition: all 0.5s linear; 
    -moz-box-shadow: 2px 2px 4px 0px #006773; 
    -webkit-box-shadow: 2px 2px 4px 0px #006773; 
    box-shadow: 2px 2px 4px 0px #006773; 
    -moz-border-radius: 7px 7px 7px 7px; 
    -webkit-border-radius: 7px 7px 7px 7px; 
    border-radius: 7px 7px 7px 7px; 
}

來源

2017-07-07 Hesham El Masry