Question

chrome input自动填充表单的背景颜色怎么改为透明或者禁止自动填充

如图所示，chrome自动填充表单的背景颜色怎么改为透明的。
因为原本样式是这样的，下图：

自动填充表单之后就覆盖了前面的icon图标。
我的需求是 自动填充 背景透明！！！透明！！！透明！！！





• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏200（财富值+成长值）

Answer 1

这是谷歌浏览器的代理设置，有些时候感觉它有点自作多情啦~
你试下CSS :focus 选择器

追问

能写一下实现的代码吗？

追答

input:focus{background:transparent}

追问

并没有任何作用。。。。

改为input:focus{ background-color: green;} 只是在输入框获得焦点之后背景变为绿色。

请问还有别的实现方式吗？

追答

试下这个样式：

input{outline:none}

如果以上不起作用，在input元素上加上：

<input type="text" onfocus="this.blur()" >