删除 Chrome 中的黄色输入背景以实现透明输入答案

【问题标题】：Remove yellow input background in Chrome for transparent input删除 Chrome 中的黄色输入背景以实现透明输入
【发布时间】：2014-08-19 08:35:08
【问题描述】：

首先，我知道有关 Chrome 黄色输入背景问题的问题已被多次询问，并且提供了很多方法来覆盖它。

但我无法让它为我工作，因为我的表单具有透明输入。

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

上面的代码非常适合将输入的颜色设置为白色，但是当我给出下面的代码时，它会给出黄色作为背景。

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,.1) inset;
}

有没有办法解决这个问题。表格上的 autocomplete="off" 也不能解决我的问题。

在没有名称属性的输入字段之前添加隐藏输入会删除黄色，但是当我输入用户名时，输入背景会变回黄色。

【问题讨论】：

【解决方案1】：

chrome 中的自动完成输入总是有黄色背景。

通过使用-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,.1) inset;，您可以在黄色背景之上放置一个可见度为 10% 的黑色背景，这将导致黄色背景稍暗。

通过使用-webkit-box-shadow: 0 0 0px 1000px transparent inset;，您将在黄色背景之上放置一个透明背景，这绝对不会改变任何东西。

您可以接受这些结果，也可以使用 100% 可见的颜色，例如 black、rgb(255, 255, 255)、rgba(255, 255, 255, 1) 或 #000000

我觉得黄色背景不能去掉，只能在上面再放一个，我觉得是bug，一直没找到解决办法。

【讨论】：

【解决方案2】：

我可能完全错了，但解决方法可能是每次更改输入“名称”属性（向其中添加随机字符串），以便浏览器不会将其识别为用户名字段并且不会触发自动改正然后你可以简单地使用 substr() 来删除随机部分或将随机字符串作为表单字段传递并用它组成 POST 数组名称

【讨论】：