消除google浏览器黄色框

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

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

导致那样的原因:

<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;
}

 

posted @ 2017-07-27 17:27  sev_tangerine  阅读(1475)  评论(0编辑  收藏  举报