自定义音频标签的css

我有这个音频控制，我甚至试图改变播放器的颜色，但我不能瞄准它。我发现一些帖子谈论使用javascript实现这一点，这是为它编写css的唯一方法

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

---

目前还没有办法使用CSS设计HTML5播放器。相反，您可以关闭

控件

属性，并使用JS实现自己的控件。如果你不想自己做，你可以使用类似这样的东西。

我已经为你准备好了

codepen.io

一个带有所有css标签的模型来访问音频对象的图形属性

---

非常感谢，伙计，这真的很有帮助，但如果我想更改播放btn的颜色，我该怎么办。我明白了，我只能改变背景颜色

.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;
}