html - 没有音量 slider 或静音按钮的音频标签？

Question

我创建了一个没有下载按钮的音频标签

<audio controls controlslist="nodownload">

这是成功的。

现在，如何移除播放声音时出现的音量 slider (加上静音按钮)？

我试过了

<audio controls controlslist="novolume">

没有任何运气。

Answer 1

试试这个:

audio::-webkit-media-controls-mute-button {
    display: none !important;
}

audio::-webkit-media-controls-volume-slider {
    display: none !important;
}