网络音频Firefox和Chrome

Question

我在Firefox和Chrome的音频标签上正确设置样式时遇到一些问题。我相信Chrome中有一个更新，这就是造成某些怪异之处的原因，但是我不能肯定地说。

两者都与每个音频标签上看到的背景有关。

在Chrome中： 音频标签的外侧周围有一个模糊的圆形边框（有点像括号）

Firefox：

为清楚起见，将背景设置为纯红色，但此处的音频背景上设置了某种不透明的背景。如果颜色按预期显示，则应为RGB（255，0，0）。不是深红色。

我尝试使用下面的-webkitstyles，但是运气不太好：

<audio>

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