CSS去掉input框里面的默认字体颜色

写登录界面的时候，需要的效果是这样的：

但是经过测试之后，发现浏览器记住密码之后，输入框字体颜色发生改变,变成了黑色，很影响美观。

这是由于谷歌浏览器的自带样式的缘故：那么该怎么解决谷歌浏览器记住密码输入框字体颜色改变?

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
　　 background-color: rgb(250, 255, 189);
 　　background-image: none;
 　　color: rgb(0, 0, 0);
}

办法很简单，找到input的属性css，添加一句代码，设置字体颜色即可

 -webkit-text-fill-color: #fff;/* 设置字体颜色 */

和这个是一样的道理，CSS去掉input框里面的默认背景颜色：

https://cloud.tencent.com/developer/article/1473499

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。