文本输入边框颜色在焦点上无法正确更改

Question

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

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

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

<input type="text">

有人可以提供帮助。感谢

Answer 1

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

＆＃13;

＆＃13;

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

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

＆＃13;

<input type="text">

＆＃13;

＆＃13;

＆＃13;

Answer 2

我之所以这样做是因为我不喜欢这些默认样式，而是喜欢我自己做的。

*:focus {
    outline: none;
}