如何使默认的音频播放器背景透明

Question

我想让音频播放器的背景透明。 使用我尝试过的东西，我可以将颜色更改为任何颜色，但是当我设置透明时它不起作用。

 audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-panel { background-color: transparent; }

Answer 1

就像@snow 说的那样，你不能让背景透明，但你可以让它的不透明度为 0
像这样的东西：

audio{
  opacity: 0%;
}

Answer 2

是否可以仅使用 CSS 进行更改？ 简短的回答是否定的，这是不可能的。 音频播放器是由浏览器本身创建的对象，这就是为什么它看起来会根据您使用的浏览器而有所不同。

如果您的父母或身体背景是白色的，您可以将相同的背景颜色应用于音频标签，您需要为音频应用相同的背景颜色

audio::-webkit-media-controls-play-button,
 audio::-webkit-media-controls-panel {
 background-color: #fff;
 color: #fff;
 
 }