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

Question

是的，有很多关于此的问题，但似乎没有一个对我有用。

我需要更改谷歌浏览器的自动完成背景颜色:

我已经尝试了所有这些:

Solution 1

Solution 2

Solution 3

这是我的CSS:

输入:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px 黑色插图； }

这是我的 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- 如果您使用的是 Bootstrap 或 MDL 等 css 库，请确保它们没有预定义的相同定义。我从来没有检查过。但是，通过使用 Chrome 开发者工具，您可能会发现: