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

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

输入[类型=文本]{ 边框：1px纯蓝色； } 输入[类型=文本]：焦点{ 边框：1px实心橙色； }

---

边界改变了，但有一个轮廓覆盖了它。将其重置为焦点，如下所示：

输入[类型=文本]{ 边框：1px纯蓝色； } 输入[类型=文本]：焦点{ 边框：1px实心橙色； 大纲：无； }

---

边界改变了，但有一个轮廓覆盖了它。将其重置为焦点，如下所示：

输入[类型=文本]{ 边框：1px纯蓝色； } 输入[类型=文本]：焦点{ 边框：1px实心橙色； 大纲：无； }

---

我之所以这么做，是因为我不喜欢任何默认样式，更喜欢自己做

*:focus {
    outline: none;
}

---

我之所以这么做，是因为我不喜欢任何默认样式，更喜欢自己做

*:focus {
    outline: none;
}

---

尝试包括大纲：无；在：焦点规则中。尝试包括大纲：无；在：聚焦规则中。谢谢。成功了。它在边缘工作，没有轮廓。但在chrome中，您需要轮廓标记。谢谢。@PrathamesPrabhudesai N.b.：这不是“大纲标签”，它叫大纲属性。谢谢。成功了。它在边缘工作，没有轮廓。但在chrome中，您需要轮廓标记。谢谢。@PrathamesPrabhudesai N.b.：这不是一个“大纲标记”，它被称为大纲属性。当你不需要的时候，为什么你会以DOM上的每个元素为目标来影响网站的整体性能？另外，大纲的存在是出于可访问性的原因。当你不需要的时候，为什么你会以DOM上的每一个元素为目标来影响网站的整体性能呢？另外，大纲的存在是出于可访问性的原因。