Question

我正在尝试使用CSS编辑默认音频控件中播放按钮的背景颜色（以便它具有100个透明度）。

已经尝试过这个：

audio::-webkit-media-controls-play-button {
  background-color: rgba(0, 0, 0, 0.99);
}

而且：

audio::-webkit-media-controls-play-button {
  background-color: rgba(0, 0, 0, 1);
}

我唯一得到的是一个黑色正方形，其中播放按钮的图像应该是。

Answer 1

您正在使用的样式选择器和样式有效，但是，因为它基于 -webkit - ，仅适用于基于webkit的浏览器，请在Chrome中尝试您的代码，我尝试过关注，并且它适用于我：

<style>
audio::-webkit-media-controls-play-button {
  background-color: rgba(230, 230, 255, 1);
}
</style>

默认情况下，HTML5音频/视频播放器显示默认的浏览器控件。您可以选择通过CSS和Javascript自定义它们，或者像@Jainam建议的那样使用jPlayer之类的东西，或者您可以使用：MediaElement.js或audio.js

有大量的jQuery插件可以满足您的需求，如果您只想显示自定义音频播放器，我建议您使用其中一种。

您可以查看以下示例，为您自定义音频播放器：http://authenticstyle.co.uk/html5-audio-player/