CSS是一種能夠控制網頁樣式的語言,除了可以美化文本排版、布局等,同樣可以控制音頻的樣式。以下是一些CSS屬性,可以用來設置音頻樣式:
audio { width: 500px; background-color: #f2f2f2; } audio::-webkit-media-controls { display: none !important; } audio::-webkit-media-controls-enclosure { width: 100%; max-width: 500px; } audio::-webkit-media-controls-play-button { display: none; } audio::-webkit-media-controls-start-playback-button { display: none; } audio::-webkit-media-controls-current-time-display { display: inline; background-color: #efefef; padding: 3px; } audio::-webkit-media-controls-time-remaining-display { display: inline; background-color: #efefef; padding: 3px; } audio::-webkit-media-controls-timeline { background-color: #f2f2f2; margin: 0; height: 5px; border-radius: 1px; } audio::-webkit-media-controls-timeline-container { height: 5px; margin: 0; padding: 0; border-radius: 1px; } audio::-webkit-media-controls-volume-slider { background-color: #f2f2f2; margin: 0; height: 5px; border-radius: 1px; } audio::-webkit-media-controls-volume-slider-container { height: 5px; margin: 0; padding: 0; border-radius: 1px; } audio::-webkit-media-controls-mute-button { display: none; }
上述CSS代碼會將音頻控件的樣式按照代碼中定義的屬性進行設置,可以根據需求進行修改。