在 Google Chrome 中使黄色自动完成透明

Question

这是文本区域

这是被点击的文本区域，里面有文本

当 Google chrome 的自动完成劫持文本区域时

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

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

但我能做到的最好的就是这样

我希望白色框是透明的，或者它可以保持白色但更小，这样它就不会挡住文本框的任何蓝色部分。这可能吗？我试过谷歌搜索，但一无所获。或者，如果你们对如何解决此问题有任何其他想法，那就太好了！

此外，如果有办法让自动完成框稍微小一点，那也可以，或者有办法将标签向下移动？ =/

我想要自动完成功能。

Answer 1

请试试这个：

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

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

Answer 2

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

Removing input background colour for Chrome autocomplete?

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

Answer 3

也试试：

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

Make yellow autocomplete transparent in Google Chrome