在谷歌浏览器中使黄色自动完成透明[重复]

Posted 2023-03-05

【中文标题】在谷歌浏览器中使黄色自动完成透明[重复]

【英文标题】：Make yellow autocomplete transparent in Google Chrome [duplicate]

【发布时间】：2015-03-28 02:31:53

【问题描述】：

这是文本区域

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

当谷歌浏览器的自动完成劫持文本区域时

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

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

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

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

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

我想开启自动完成功能。

【问题讨论】：

你试过backgound-color:rgba(0,0,0,0) 来自动完成吗？

能提供sn-p的代码吗？

@j_s_stack OP 当然。

或background:transparent;

@imtheman 我不确定你想要什么代码 sn-p？

【参考方案1】：

请试试这个：

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

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

【讨论】：

转到默认的黄色自动完成

【参考方案2】：

试试这个：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

【讨论】：

输入：-webkit-autofill 背景颜色：#fff !important; 什么都不做。

您确定选择器正确吗？

你确定我找到了这个吗：***.com/questions/2920306/…

***.com/questions/2781549/…

labs.enonic.com/articles/…

【参考方案3】：

也可以试试：

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