首先,我知道有关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属性的输入字段之前添加隐藏输入会删除黄色,但是当我输入用户名时,输入背景会变回黄色。
答案 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%可见颜色,例如black
,rgb(255, 255, 255)
,rgba(255, 255, 255, 1)
或#000000
我认为黄色背景无法移除,你只能在它上面添加另一个黄色背景,我认为这是一个错误,我从来没有找到解决方案。
答案 1 :(得分:0)
我可能完全错了,但解决方法可能是每次更改输入“name”属性(向其添加随机字符串),以便浏览器不会将其识别为用户名字段,并且不会触发自动改正 然后你可以简单地使用substr()来删除随机部分或将随机字符串作为表单字段传递,并用那个
组成POST数组名称。