在Google Chrome中使自动填充输入透明化

Question

在阅读之前，请注意这不是一个重复，为什么？因为答案从来没有得到好的答案，我们需要的答案。

所以，我们基本上想要做的是使输入透明，如下所示：

这很漂亮，对吗？那么，现在看看：

那只是看......太可怕了。 有没有办法解决这个问题？

以下内容不起作用：

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.3) inset;
    -webkit-text-fill-color: #EEEEEE !important;
}

一个想法？

Answer 1

这是webkit自动填充

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

将白色更改为您想要的任何内容。

另外 - 如果你想改变它的文字颜色：

 -webkit-text-fill-color: yourColor !important;

如果您不想使用此解决方案，可以使用类似

的内容

input {
    background-color: red !important;
 }

请点击此处查看完整信息 - http://labs.enonic.com/articles/remove-forced-yellow-input-background-in-chrome

但大多数建议是使用

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