How to remove borders from <audio> tag? [duplicate]-CodePudding

This question already has an answer here:

using CSS like this

&::-webkit-media-controls-panel {
  background: #F4F8FE;
  &:focus {
    border: none;
  }
}

is it really possible to do it using css?

CodePudding user response：

Try to set the audio:s outline to none

audio {
  &:focus {
    outline: none;
  }
}

Hovewer, it's not recommended to remove focus outline due to accessibility: https://www.a11yproject.com/posts/2013-01-25-never-remove-css-outlines/