谷歌浏览器下,经常在保存登录密码状态下,输入框框会变成黄色框。
一开始很奇怪,后来才发现这是谷歌浏览器自带的渲染,其他浏览器倒没有发现这个问题。输入框会变成如下:
导致那样的原因:
<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 #eee inset;
-webkit-text-fill-color: #878787;
}