chrome浏览器记住密码时input的默认颜色

默认这样可以解决

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  /* 浏览器记住密码的底色的颜色 */
  -webkit-text-fill-color: #606266 !important;
  /* 浏览器记住密码的字的颜色 */
  transition: background-color 3000s ease-in-out 0s;
  /* 通过延时渲染背景色变相去除背景颜色 */
  // caret-color: #acfff2;
  /* 光标颜色，可选*/
}

在项目中如果不生效，可以试试用deep穿透

:deep(input:-webkit-autofill) {
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  /* 浏览器记住密码的底色的颜色 */
  -webkit-text-fill-color: #606266 !important;
  /* 浏览器记住密码的字的颜色 */
  transition: background-color 3000s ease-in-out 0s;
  /* 通过延时渲染背景色变相去除背景颜色 */
  // caret-color: #acfff2;
  /* 光标颜色，可选*/
}