首页 文章

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

提问于
浏览
3

首先,我知道有关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" 表格dosenot解决了我的问题 .

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

2 回答

  • 0

    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

    我认为黄色背景无法删除,你只能把另一个放在它上面,这是我认为的一个错误,我从来没有找到它的解决方案 .

  • 2

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

相关问题