谷歌浏览器、在记住密码后,通常会给用户密码输入框渲染上一个背景色,在有些时候这个浏览器自动使用的渲染背景色会影响系统本身的UI界面,实在是难看的不要不要的,所以下面提供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 欢迎转载,转载时请注明出处