Как сохранить focuse css стиль после нажатия кнопки (стиль исчезает после нажатия в любом месте)

Question

В моем скрипте есть тег ввода с типом отправки. Как я могу сохранить целенаправленный стиль css после нажатия? Стиль CSS исчезает после нажатия в любом месте веб-страницы. Я хочу, чтобы кнопка сохранила свой стиль css, пока я не нажму на другой вход.

Answer 1

 input[type=submit]:focus { 
      background-color: lightblue; 
     } 

codepen URL для справочно-http://codepen.io/nagasai/pen/zBqGRK

Answer 2

Ну с помощью :focus, стиль будет исчезает после нажатия в любом месте на веб-странице.

Я сам нашел пример, после нажатия кнопки, если я нажимаю на любом месте веб-страницы, кнопка будет сохранять свой стиль, если я не нажму на другую кнопку.

<input type="submit" id="first" value="first"><br> 
<input type="submit" id="second" value="second"> 


<script> 
$(document).ready(function(){ 
    $("#first").click(function(){ 
     $(this).css("background-color", "red"); 
     $("#second").css("background-color", "transparent"); 
    }); 
    $("#second").click(function(){ 
     $(this).css("background-color", "red"); 
     $("#first").css("background-color", "transparent"); 
    }); 
}); 
</script>