Есть ли способ задать пользовательские стили тегу audio через css?

Question

[nomta]

Нужны незначительные изменения, в частности, поменять цвет, привести плеер в разных браузерах к общему виду. Пока что удалось повлиять только на ширину и отступы.

Answer 1

[Flur]

Список всех модификаторов :

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

Comments

[nomta]

Это, как я понимаю, только для Хрома, для других браузеров решений нет?

[nomta]

В любом случае, спасибо, очень помогло делу!

Answer 2

[ZaxapKramer]

Может, немного не по теме, но почему бы не использовать библиотеку Audio.js?
Все приводится к общему виду, так или иначе. А это - именно то, что Вам нужно.

P.S. Отображение плеера в тех же Chrome и Firefox слишком разнится, чтобы просто стилями пытаться приводить их к общему виду - мое мнение.

Comments

[nomta]

Действительно, не совсем по теме, но, думаю, именно ею я и воспользуюсь в итоге. Спасибо!