HTML AUDIO CONTROLS - How to remove 3 dots from default audio player?-CodePudding

I have used the HTML AUDIO tag with CONTROLS to display a audio track.

<audio controls controlsList="nodownload">  
  <source src="horse.mp3" type="audio/mpeg">
</audio>

Using CSS: audio::-webkit-media-controls- i figured that many functions can be modified.

However, I couldnt manage to figure out how to disable / hide those 3 dots on the player.

Screenshot

PS: This helped a lot in disabling / styling the controls with css. However, it was an answer from many years ago, so it didnt include playback speed options.

Is it possible to style html5 audio tag?

CodePudding user response：

Add this controlsList: noplaybackrate

<audio id="myaudio" controls controlsList="nodownload noplaybackrate">  
  <source src="horse.mp3" type="audio/mpeg">
</audio>