Javascript 不同浏览器中显示的颜色不同

我有一个颜色为

#c7e296

的输入文本框，当处于焦点时，颜色变为

#668933

，但当我在不同的浏览器中测试时，它们在焦点上显示一些不同的颜色

有人能解释一下原因吗

下面是我的代码

.after input[type="text"]:focus {
    border: 2px solid   #668933; 
}

.before input[type="text"] {
    border: 2px solid #c7e296;
    color: #000000;
    font-size: 1em;
}

一些浏览器（特别是Safari）会在聚焦的输入字段周围加亮显示。因此，如果设置了边框，并且浏览器高亮显示，则颜色可能会一起流血

您可以通过将

轮廓宽度：0

放在

：焦点

规则上禁用该选项：

---

什么浏览器？你能把你所看到的差异的图片贴出来吗？读一下：这是一个很好的解决方案。。你能告诉我为什么会发生这种情况，因为轮廓宽度使它显示的不同吗colors@ankurjain：通过设置浏览器添加到

0

的轮廓宽度，我们将其完全隐藏。

.after input[type="text"]:focus {
  border: 2px solid   #668933; 
  outline-width: 0;
}