从按钮中移除发光

use*_*135 6 html5 css3 responsive-design

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

<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>
Run Code Online (Sandbox Code Playgroud)

我的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; }
Run Code Online (Sandbox Code Playgroud)

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

Vin*_*ato 16

您必须将此添加到按钮:

outline: 0;
Run Code Online (Sandbox Code Playgroud)

小提琴