css 修改audio标签样式

今天拿到一个需求是做一个音频播放器,因为UI图与原本的样式就很像,所以直接改原本的样式就可以了,看到有很多大佬是自己写样式然后用js获取音频的各种事件方法,控制样式

html5 audio样式修改,HTML5中 audio的样式设置_只吃回头草的博客-CSDN博客直接在样式表中设置对应的样式:audio::-webkit-media-controls-panelaudio::-webkit-media-controls-mute-buttonaudio::-webkit-media-controls-play-buttonaudio::-webkit-media-controls-timeline-containeraudio::-webkit-media...https://blog.csdn.net/weixin_42521058/article/details/117804804

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

简单的就用上面的改改

猜你喜欢

转载自blog.csdn.net/momo_mom177/article/details/124270093