在Google Chrome中将黄色自动填充功能设为透明

Question

这是textarea

这是单击的textarea并且其中包含文本

当Google Chrome的自动完成功能劫持textarea

时

我已经尝试通过输入此代码来修复它

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

但我能看到的最好的就是这个

我希望白盒子是透明的，或者它可以保持白色但是要小一些，这样它就不会阻挡文本框的任何蓝色部分。这有可能吗？我试过谷歌搜索，我没有想到什么。或者，如果你们对如何解决这个问题有任何其他想法，那就太棒了！

另外，如果有办法让自动完成框稍微小一点也可以，或者可能是一种移动标签的方法？ = /

我希望自动填充功能。

Answer 1

试试这个：background-color: #fff !important;

http://labs.enonic.com/articles/remove-forced-yellow-input-background-in-chrome

Removing input background colour for Chrome autocomplete?

你确定我发现了这个：Google Chrome form autofill and its yellow background

Answer 2

请试试这个：

input:-webkit-autofill {
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
}

rgba第四个参数是不透明度。

Answer 3

也尝试：

input:-webkit-autofill {
   background:rgba(255,255,255,0) !important;
}