我使用bootstrap创建带有glyphicons的圆形按钮,我想改变按钮的颜色,包括glyphicon颜色.但是当我点击glyphicon时,onlclick事件仅适用于glyphicon,而不适用于按钮. http://embed.plnkr.co/E1dUnkW1tmOCWqYkRaG5/
function setColor(e) {
var target = e.target,
status = e.target.classList.contains('btn-success');
e.target.classList.add(status ? 'btn-default' : 'btn-success');
e.target.classList.remove(status ? 'btn-success' : 'btn-default');
}
Run Code Online (Sandbox Code Playgroud)
我的引导按钮
<button onclick="setColor(event)" type="button" class="btn btn-circle btn-lg"><span class="glyphicon glyphicon-search" style="margin: 0 0px;"></span></button>
Run Code Online (Sandbox Code Playgroud)