Is there a way to change the color of the audio player in CSS?

Answer 1

Grigor, Yes. CSS works on it. Try 'background-color'. It doesn't change the color entirely, but changes the color behind the grey control, so in the end, it looks like a darker version of whatever you choose.
Also, try box shadow and border radius.
Thanks for raising up the possibility.

Answer 2

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

Answer 3

you could remove the default controls and create your own with html css and js.

more on it here: https://webdesign.tutsplus.com/tutorials/create-a-customized-html5-audio-player--webdesign-7081