Remove glow from button

Question

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

<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/

Answer 1

In order to remove the glow around the button you can use the following css:

box-shadow:none;

Answer 2

You'll have to add this to the button:

outline: 0;

Fiddle