html5 audio 标签 css样式设置小结

/* 音频面板 */

audio::-webkit-media-controls-pane

 

/* 播放按钮 */

audio::-webkit-media-controls-play-button

 

/* 音量按钮 */

audio::-webkit-media-controls-mute-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