css处理浏览器输入框记住账号密码后的背景色

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

如图所示的问题:  



css代码:


  1. input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
  2.     -webkit-text-fill-color#ededed !important;  
  3.     -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
  4.     background-color:transparent;  
  5.     background-imagenone;  
  6.      transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间  
  7. }  
  8. input {  
  9.      background-color:transparent;  
  10. }  






猜你喜欢

转载自blog.csdn.net/shenshulong/article/details/78855830