谷歌浏览器自动填充密码导致el-input样式错乱

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover{
    transition-delay: 99999s;
    transition: color 99999s ease-out,background-color 99999s ease-out;
}

修改后刷新，如果没有生效则在input前加::v-deep。

transition 属性允许你在元素状态改变时控制过渡效果。它可以让你在元素从一种样式变换到另一种样式时产生平滑的过渡效果，比如从一种颜色渐变到另一种颜色，或者从隐藏到显示。

这个属性包含四个值：

• transition-property: 指定要过渡的 CSS 属性的名称。例如，color、background-color 等。

• transition-duration: 指定过渡效果持续的时间，以秒或毫秒为单位。

• transition-timing-function: 指定过渡效果的速度曲线。它可以是 linear（线性）、ease（渐入渐出）、ease-in（渐入）、ease-out（渐出）、ease-in-out（先渐入后渐出）等等。

• transition-delay: 指定过渡效果开始之前的延迟时间，以秒或毫秒为单位。

transition-delay 属性指定何时将开始切换效果。

transition-delay值是指以秒为单位（S）或毫秒（ms）。