如果你在页面里面使用audio标签的话,同时也是在chrome浏览器中,那么可能就会需要下面的代码了:
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
上面的代码就是针对audio元素在Chrome浏览器下默认样式的修改方式,如果感兴趣的可以去尝试一下。
想要了解更多,可以看看: https://blog.shahednasser.com/how-to-style-an-audio-element/