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

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>

---

原文由 kapiljain123 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

所以你想要 JSFiddle 吗？

CSS

 .active {
    color: #F00;
}

JS

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

原文由 KRONWALLED 发布，翻译遵循 CC BY-SA 3.0 许可协议