是否可以设置html5音频标签的样式？

我没有找到有关如何执行此操作的任何资源。只需更改播放器的颜色即可，:)

是! 具有“ controls”属性的HTML5音频标签使用浏览器的默认播放器。您可以根据自己的喜好自定义它，方法是不使用浏览器控件，而是滚动自己的控件并通过javascript与音频API对话。

幸运的是，其他人已经做到了。我现在最喜欢的播放器是jPlayer，它的风格非常好，效果很好。看看这个。

<audio>

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

参考：https : //chromium.googlesource.com/chromium/blink/+/72fef91ac1ef679207f51def8133b336a6f6588f/Source/core/css/mediaControls.css? autodive =0% 2F%2F% 2F

是：您可以隐藏内置的浏览器用户界面（通过controls从中删除属性audio），而是构建自己的界面并使用Javascript（源）控制播放：

<audio id="player" src="vincent.mp3"></audio>
<div> 
  <button onclick="document.getElementById('player').play()">Play</button> 
  <button onclick="document.getElementById('player').pause()">Pause</button> 
  <button onclick="document.getElementById('player').volume += 0.1">Vol +</button> 
  <button onclick="document.getElementById('player').volume -= 0.1">Vol -</button> 
</div>

然后，您可以根据需要使用CSS设置样式。

MDN HTMLAudioElement API参考

标签的外观取决于浏览器，但是您可以隐藏它，构建自己的界面并使用Javascript控制播放。

一些颜色调整

audio {
    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
    width: 200px;
    height: 25px;
}

您必须创建自己的与HTML5音频元素交互的播放器。本教程将帮助http://alexkatz.me/html5-audio/building-a-custom-html5-audio-player-with-javascript/

肯也说对了。

一个css标签：

audio {

}

将为您带来一些结果。似乎它不希望玩家在25px以上或以下的任何高度，但是宽度可以缩短或延长到一定程度。

这对我来说已经足够了；请参见以下示例（警告，音频会自动播放）：www.thenewyorkerdeliinc.com

要仅更改播放器的颜色，只需在css文件中处理音频标签，例如在我的一个站点上，播放器就变得不可见（白底白字），因此我添加了：

audio {
    background-color: #95B9C7;
}

这将播放器更改为浅蓝色。

是的，有可能，来自@FábioZangirolami答复

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
                background-color: red;
}

如果要在CSS中设置浏览器标准音乐播放器的样式，请执行以下操作：

audio {
    enter code here;
}