写登录界面的时候,需要的效果是这样的:
但是经过测试之后,发现浏览器记住密码之后,输入框字体颜色发生改变,变成了黑色,很影响美观。
这是由于谷歌浏览器的自带样式的缘故:那么该怎么解决谷歌浏览器记住密码输入框字体颜色改变?
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框里面的默认背景颜色: