Search code examples
htmlcssaudio

Style html5 audio player

The change i want is border-radius:0px

I try:

<audio id="player" controls>
    <!--<source src="horse.ogg" type="audio/ogg">-->
    Your browser does not support the audio element.
</audio>

#player {
    border-radius:0px;
}

With no effect.

Any advice would be usefull.

Solution

  • border-radius: 0px works perfectly in Firefox.
    But it seems not effective in chrome. Use below to somewhat reduce the radius.

    #player{
background-color: #f1f3f4;
}

    I mean change the background same as player background.