input输入框默认背景

在chrome浏览器自动输入时，input就会有背景，字体大小和颜色都会变化，怎么解决？

input:-webkit-autofill {
  transition: background-color 2000s;// 这样可以有效果（失败场景：可以尝试直接去设置background-color :unset；但却是无效果的）
}
input {
  -webkit-text-fill-color: #fff;
  caret-color:#fff;
}

但有时候只用上面的代码又解决不了，用js控制一下，比如react中用

setFormData((old) => ({
          ...old,
          username: '',
          password: '',
        }))

把input的值给清空了
用上面两个方法我已经解决了问题，也有人提到说，关掉autoComplete,可以自己试一试