Javascript：焦点为每个输入

Question

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

我需要这样做，如果你点击多个输入，焦点只在那个特定的输入上，而不是所有其他的点击（聚焦）文本类型的输入。

Answer 1

你需要在它们不再处于焦点后重新设置它们（onblur函数） 否则，焦点功能的效果仍然会生效。

Answer 2

我只想在选定的css类中添加一个css类。然后在模糊处移除它。

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

quick demo