html - 从按钮中删除发光

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