css customize audio player

1audio {
2    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
3    width: 200px;
4    height: 25px;
5}
6
7/*or*/
8
9audio::-webkit-media-controls-panel
10
11audio::-webkit-media-controls-mute-button
12
13audio::-webkit-media-controls-play-button
14
15audio::-webkit-media-controls-timeline-container
16
17audio::-webkit-media-controls-current-time-display
18
19audio::-webkit-media-controls-time-remaining-display
20
21audio::-webkit-media-controls-timeline
22
23audio::-webkit-media-controls-volume-slider-container
24
25audio::-webkit-media-controls-volume-slider
26
27audio::-webkit-media-controls-seek-back-button
28
29audio::-webkit-media-controls-seek-forward-button
30
31audio::-webkit-media-controls-fullscreen-button
32
33audio::-webkit-media-controls-rewind-button
34
35audio::-webkit-media-controls-return-to-realtime-button
36
37audio::-webkit-media-controls-toggle-closed-captions-button
38
39