Javascript: focus for Each Input

Question

$('input[type="text"]').on('focus',function(){ // When focus 
    $(this).css('borderColor','#e89980'); 
    $(this).css('boxShadow','0 0 0 2px #e89980'); 
}); 

Мне нужно сделать это, если вы нажмете на более чем один вход, фокус будет только на этом конкретном входе, а не на всех других, с типом текста, который был щелкнул (целенаправленный).

Answer 1

Я бы просто добавил класс css к выбранному. Затем удалите его при размытии.

.active { 
    borderColor: #e89980; 
    boxShadow: 0 0 0 2px #e89980; 
} 

quick demo

Answer 2

Вам необходимо установить их обратно после того, как они больше не находятся в фокусе (функция onblur) В противном случае эффект вашей функции фокусировки по-прежнему вступает в силу.