Eliminate the html+css border that appears by default when clicking on the <audio> music player tag

Title: Eliminate the html+css border that appears by default when clicking the music player label

Problem Description:

When we write the audio tag when writing the html file, the border appears by default when clicking to play the song (as shown in the figure), and we want to eliminate it.

solution:

1. Define the label

 <audio src="白安-是什么让我遇见这样的你.mp3" controls  class="yinyue"></audio>

2. Solved by adding the outline attribute

 .yinyue{
       outline: none;
   }

effect

Now click play and there is no default border.