javascript - 如何摆脱Chrome中的黄色自动完成填充器？

我的网站上有这个搜索框，chrome建议您过去搜索。但是，它会将搜索框染成黄色。我试图提出解决此问题的方法，但没有任何效果。但是，当我将代码重新粘贴到inspect元素的“源”选项卡中时，它将起作用！我相信chrome正在替换我的代码，然后检查替换了他们的代码，但是，我不知道如何阻止它替换我的代码。

我试图摆脱黄色，不能完全删除自动完成功能。

我的代码看起来像：但是Chrome检查元素源看起来像：

input[type=text]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px white inset;
}

<div class="Search1">
  <div class="inputWithIcon">
    <input type="text" placeholder="Channel ID" id="chnlname" class="Input2" :-webkit-autofill></input>
    <i class="fa fa-search" aria-hidden="true" id="update"></i>
  </div>
</div>

那就是我目前正在使用的。

最佳答案

:active状态可能导致黄色。相信Nathan White这个技巧：

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

关于javascript - 如何摆脱Chrome中的黄色自动完成填充器？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52451880/