从按钮中移除发光

Question

如何消除按钮周围的光晕？我似乎无法在这里找到它。代码已从其他资源中复制。谢谢。

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

我的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

您必须将此添加到按钮：

outline: 0;

<强> Fiddle

Answer 2

要消除按钮周围的辉光，可以使用以下CSS：

box-shadow:none;