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

Question

这是textarea

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

当Google Chrome的自动完成程序劫持textarea时

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

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 第四个参数是不透明度级别。