项目中记住账号后选中账号input框背景色被改变问题记录

最近项目的UI走查提出了选中上次记住的账号后，账号密码输入框样式改变的问题，记录一下最后找到的解决方案。

input:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    // -webkit-text-fill-color: #fff !important; // 记住密码的字的颜色,我的项目中没用到这个
    transition: background-color 5000s ease-in-out 0s; // 延时渲染背景色来去除背景色
    // caret-color: #fff; // 光标颜色
    box-shadow: 0 0 0px 1000px white inset;
}

vue项目使用此方法解决问题时，注意样式穿透问题，有时候此方法无效可能需要增加v-deep。