如何添加边框来聚焦css

时间:2017-05-23 02:00:32

标签: javascript html css

我想添加样式输入文本框,单击时显示红色边框,单击时不带边框。 我尝试过造型input:active,但问题是当你点击时,红色边框仍然存在。而不是input:active我不会操纵input:focus有这样的红色边框

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

有办法做到这一点吗?

1 个答案:

答案 0 :(得分:3)

  

有办法做到这一点吗?

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



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

<textarea></textarea>
<input type="text">
&#13;
&#13;
&#13;

另见How to reset / remove chrome's input highlighting / focus border?