谷歌浏览器 input框/element input框自动填充 背景色如何修改

情景:谷歌将保存的账号密码,自动填写到了input框中,并且自带背景色

修改前:

谷歌浏览器 input框/element input框自动填充 背景色如何修改_第1张图片

修改后:

谷歌浏览器 input框/element input框自动填充 背景色如何修改_第2张图片

解决方法:

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { 
  -webkit-box-shadow: 0 0 0 1000px rgba(58, 72, 107, 0.8) inset !important; 
  /* -webkit-text-fill-color: #fff; */
  -webkit-transition-delay: 99999s; 
  -webkit-transition: color  99999s ease-out, background-color  99999s ease-out;
}

 通过阴影将谷歌自带底色盖住(不能使用透明色,否则盖不住)

你可能感兴趣的:(前端,elementui)