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

Question

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

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

有办法做到这一点吗？

Answer 1

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?