I want to make the background for the audio player be transparent. With the thing I tried I can change the color to any color but it wasn't working when I put transparent.
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
background-color: transparent;
}
Like @snow said, you can't make the background transparent but you could make its opacity 0
something like this:
audio{
opacity: 0%;
}
You can apply the same background color to the audio tag if your parent or body background is white you need to apply the same for audio
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
background-color: #fff;
color: #fff;
}