audio 上一首 下一首 自定义样式_HTML中给audio自定义样式

HTML5自带啊audio能满足基本的需求了，但是当设计提出一些效果的要求的时候，修改起来发现很麻烦.

比如下 图1 是HTML5 audio默认效果，下图2是设计要求的效果：

图1

图2

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::-