css - 单击屏幕后如何使按钮保持突出显示？

Question

我在模态窗口中添加了两个按钮，其中一个按钮高亮显示，但无论何时我要在屏幕上单击它都会正常。我怎样才能让它保持高亮显示。我正在使用以下代码:

<button type="button" class="btn btn-default">New</button> 
<button type="button" class="btn btn-default">Used</button> 
<button type="button" class="btn btn-default" autofocus>Any</button>

---

Answer 1

所以你想要JSFiddle ？

CSS

.active {
    color: #F00;
}

JS

$('button').on('click', function() {
    $('button').removeClass('active');
    $(this).addClass('active');
}