文本输入边框颜色在焦点上没有正确改变

Question

我希望文本输入边框在未选择时为蓝色，并且在选择字段时，边框颜色应更改为橙色。

input[type="text"]{
   border: 1px solid blue;
}

input[type="text"]:focus{
   border: 1px solid orange;
}

<input type="text">

有人可以帮忙吗。谢谢

Answer 1

边界发生变化，但有一个outline覆盖它。focus像这样重置它：

input[type="text"]{
  border: 1px solid blue;
  }

 input[type="text"]:focus {
    border: 1px solid orange;
    outline: none;
}

<input type="text">