在css中更改谷歌浏览器上的自动完成背景颜色

Question

是的，关于此问题有很多问题，但它们中的任何一个似乎都不适合我。

我需要改变谷歌浏览器的自动完成背景色：

我已经尝试过这一切：

Solution 1

Solution 2

Solution 3

这是我的CSS：

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px black inset; }

这是我CSHTML：

<div class="row m-t-50"> 
 
     <div class="input-field col s12"> 
 
      <input id="last_name" type="text" class="validate" asp-for="Username"> 
 
      <label for="last_name">Usuário</label> 
 
     </div> 
 
    </div>

任何想法？

Answer 1

首先，代码应该工作和适当。在我看来，可能有两个可能的原因，看看你的CSS类没有任何变化：

1-多次发生在我身上的一种情况是，当Chrome不适当地将定义的CSS样式应用于页面，我发现这个问题的唯一解决方案是重新启动计算机。

2-如果您使用的是Css库（如Bootstrap或MDL），请确保它们没有预定义的相同定义。我从未检查过它。然而，通过使用Chrome开发者工具，可以看着办吧：