黄色框框中，谷歌浏览器记住密码，默认添加黑色背景，意外的事故太少见了，赶紧记录下来！

完美解决

好记性不如烂笔头：

1、placeholder字体大小默认继承input字体大小，当然有时候我们希望提示语句与input输入问题字体大小不同，其次，placeholder背景色与字体颜色不会继承input，所以得额外设置，我们可以通过如下代码设置

input::-webkit-input-placeholder {
    /* 修改字体颜色 */
    color: #fff;
    /* 修改字号，默认继承input */
    font-size: 12px;
    /* 设置背景色 */
    background: #8ac6d1;
}

2、浏览器有时候会自动帮助我们记住账号密码，然后记住之后，input就被动的添加了一个颜色，就想第一张图片里的一样。在网上查阅资料显示的黄色背景颜色，我这个确认显示黑色背景！！不管你是什么颜色，就要把你这个颜色干掉。

3、查了下，目前有两种解决方案：

第一种：
利用box-shadow为input添加内阴影
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

第二种
input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
}
因为浏览器在给input添加账号密码时，input背景色有一个从无到有的过程，所以我们利用transition为这
个过程添加一个N久的等待时间，这样浏览器就一直无法填充我们不喜欢的颜色了。