javascript之如何在CSS中添加边框以获取焦点

我想添加样式输入文本框，单击时有红色边框，单击时没有边框。 我尝试过设置 input:active 样式，但问题是当您单击时，红色边框仍然存在。而不是 input:active 我不想操纵 input:focus 来获得像这样的红色边框

 textarea:focus, input:focus{ 
        outline: none;  
        border: 1px solid red; 
  } 

有办法做到这一点吗？

请您参考如下方法:

is there a way to do this?

是的，就这么做吧。您建议的 CSS 规则是正确的选择，如以下代码片段所示:

textarea:focus, input:focus { 
  outline: none;  
  border: 1px solid red; 
}

<textarea></textarea> 
<input type="text">

另请参阅How to reset / remove chrome's input highlighting / focus border?