css基础--chrome浏览器已保存的密码回填时带默认白色背景问题

欢迎访问我的个人博客:http://www.xiaolongwu.cn

问题

有时候,我们页面的主题色是深色的,在chrome浏览器里登录成功之后,会有个记住密码功能,这个功能是chrome自带的功能,然后我们下次登录的时候,就会提示让我们选择浏览器记住的账号和密码,选完之后会有个白色的背景,与我们自己写的风格很不搭配;

当然,这个也浏览器默认的颜色,我们是可以修改的;

解决方案

加上如下css,即可解决这个问题

:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
    // 回填文字颜色设置
    -webkit-text-fill-color: #2b739d !important;
    transition: background-color 5000s ease-in-out 0s;
}

github资源地址:css基础–chrome浏览器已保存的密码回填时带默认白色背景问题

我的个人博客:http://www.xiaolongwu.cn

csdn博客地址:https://blog.csdn.net/wxl1555

如果您对我的博客内容有疑惑或质疑的地方,请在下方评论区留言,或邮件给我,共同学习进步。

邮箱:wuxiaolong802@163.com

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值