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