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后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在写代码的时候,有时候会遇到一些默认的颜色,比如input框在火狐浏览器里面会出现黄色的背景默认的颜色,这是因为i...
    祈澈菇凉阅读 8,629评论 3 5
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,102评论 0 1
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,118评论 0 0
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,900评论 0 6
  • 好想你啊,奶奶真的好想你,我的宝贝!你什么时候能回家呢?我们家什么时候能真正团聚,要努力拼博,我们家变得更强大,我...
    寒江雪810阅读 292评论 0 0