清除谷歌浏览器input框黄色底色

谷歌浏览器下，经常在保存登录密码状态下，输入框框会变成黄色框。如下：

一开始很奇怪，后来才发现这是谷歌浏览器自带的渲染，其他浏览器倒没有发现这个问题。输入框会变成如下：

导致那样的原因：

<input type="text"  autocomplete="off">

最先想到这个方法，autocomplet默认就是’on’的，但是设置为“off”也 没什么作用，

后来使用了以下方法才有效：

//消除google浏览器黄色框
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
box-shadow:0 0 0 60px #60647a inset;
-webkit-text-fill-color: #878787;
}

“#60647a”这个颜色就是给input加的阴影 可以根据自己需要换成不同颜色

下图是改后效果