删除Chrome中的黄色输入背景以获得透明输入

时间:2014-08-19 08:35:08

标签: html google-chrome input autocomplete

首先,我知道有关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;
}

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

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

2 个答案:

答案 0 :(得分:2)

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%可见颜色,例如blackrgb(255, 255, 255)rgba(255, 255, 255, 1)#000000

我认为黄色背景无法移除,你只能在它上面添加另一个黄色背景,我认为这是一个错误,我从来没有找到解决方案。

答案 1 :(得分:0)

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

组成POST数组名称。