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://www.jianshu.com/p/65c3621ff25a

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券