Remove the glow from the button

How can I remove the glow around the button? I can't seem to find him here. The code has been copied from other resources. Thanks.

<div class="row clearfix">
   <div id='media-controls' style="width:100%; height:60px; text-align:center;">
   <button id='play-pause-button' title='play' onclick='togglePlayPause();'>Play</button>
    </div>
</div>

My CSS:

button {
    width:100px;
    height:50px;
    border:0px;
    cursor:pointer;
}

.pause { background-position:-19px 0; }
.stop { background-position:-38px 0; }
.volume-plus { background-position:-57px 0; }
.volume-minus { background-position:-76px 0; }
.mute { background-position:-95px 0; }
.unmute { background-position:-114px 0; }
.replay { background-position:-133px 0; }

http://jsfiddle.net/XEWhk/413/

+4
source share
1 answer

You need to add this to the button:

outline: 0;

Fiddle

+11
source

Source: https://habr.com/ru/post/1524435/


All Articles