css - 保留 btn :focus styling

Question

我试图在点击离开后保持 btn:focus 样式。我该怎么做？

<a href="javascript:;" id="item1" class="hello btn btn-default"> item1 </a>
<a href="javascript:;" id="item2" class="hello btn btn-default"> item2 </a>
<a href="javascript:;" id="item3" class="hello btn btn-default"> item3 </a>

.btn:hover,  
.btn:focus {
   background: #00f;
   border-color: #00f; }

Answer 1

像这样使用 Jquery:

$(document).ready(function(){
    $(".btn").click(function(){
        $(".btn").addClass("custom-focus");
    });
});

CSS:

.custom-focus {
   background: #00f;
   border-color: #00f;
}