前端坑

浏览器输入框记住账号密码后的背景色怎么处理，使用css怎么处理？

作者：木木 发布时间: 2017-08-09 阅读：

 谷歌浏览器、在记住密码后，通常会给用户密码输入框渲染上一个背景色，在有些时候这个浏览器自动使用的渲染背景色会影响系统本身的UI界面，实在是难看的不要不要的，所以下面提供css方法处理解决。

如图所示的问题：  

input{
height: 100%;
line-height: 50px;
font-size: 20px;
border: none;
width: 265px;
background: transparent;
color: #fff;
}

以下是重点！！！

input:-webkit-autofill{
   -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;  
    transition: background-color 50000s ease-in-out 0s;
}

下图就是最终效果了  和原本的一模一样，致此问题完全解决

文章地址：http://blog.yunzhancms.com/index.php?s=/Article/detail/id/307 欢迎转载，转载时请注明出处