如何添加边框以聚焦CSS

Question

我想添加样式输入文本框，该文本框在单击时具有红色边框，而在单击时则没有边框。 我曾尝试设置input:active样式，但问题是当您单击鼠标时，红色边框仍然存在。 而不是input:active我不会操纵input:focus像这样有一个红色边框

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

有没有办法做到这一点？

Answer 1

有没有办法做到这一点？

是的，就这样做。 建议的CSS规则是正确的选择，如以下代码段所示：

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

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

另请参阅如何重置/删除chrome的输入突出显示/焦点边框？