Как поменять цвет контролов тега audio?

#css #html5

Имеется html5 тэг audio. Я в списке webkit нашел как поменять цвет таймлапса, но
не нашел как поменять цвет контрола. Подскажите, для какого свойства нужно указать цвет?


UPD: Для примера взял все параметры из списка, на который указал @Arsen
Цвет интересующих меня контролов не поменялся



audio::-webkit-media-controls-panel,
			audio::-webkit-media-controls-mute-button,
			audio::-webkit-media-controls-play-button,
			audio::-webkit-media-controls-timeline-container,
			audio::-webkit-media-controls-current-time-display,
			audio::-webkit-media-controls-time-remaining-display,
			audio::-webkit-media-controls-timeline,
			audio::-webkit-media-controls-volume-slider-container,
			audio::-webkit-media-controls-volume-slider,
			audio::-webkit-media-controls-seek-back-button,
			audio::-webkit-media-controls-seek-forward-button,
			audio::-webkit-media-controls-fullscreen-button,
			audio::-webkit-media-controls-rewind-button,
			audio::-webkit-media-controls-return-to-realtime-button,
			audio::-webkit-media-controls-toggle-closed-captions-button {
				background: yellow;
				color: yellow;
	
			}

Ответы

Ответ 1

То что стрелкой автор отметил можно убрать вот примерно так. Используя css фильтры.

Но поскольку тут везде написан префикс webkit то все это будет работать в хроме и
на некоторых браузерах то же, но не на mozilla firefox.



audio::-webkit-media-controls-panel,
audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-current-time-display {
  color: yellow;
  background: yellow
}
audio::-webkit-media-controls-volume-slider {
    -webkit-filter: hue-rotate(195deg) saturate(100);
}
audio::-webkit-media-controls-timeline {
    -webkit-filter: hue-rotate(195deg) saturate(100);
}