input el-input 使用自动填充 autocomplete 后样式修改

//element ui vue2 的用法

::v-deep .el-input__inner:-webkit-autofill {
    transition: background-color 50000s ease-in-out 0s; 
    -webkit-text-fill-color: #fff; //记住密码的颜色
    caret-color: #fff;//改变输入框光标颜色,同时又不改变输入框里面的内容的颜色
  }

//element ui vue3 的用法

   :deep(.el-input__inner:-webkit-autofill) {

        transition: background-color 50000s ease-in-out 0s;

　　　　 -webkit-text-fill-color: #fff;

 　　　　caret-color: #fff;

　　}

 

 

//原生 input 去除方法

 

input:-webkit-autofill,

　　input:-webkit-autofill:hover,

　　input:-webkit-autofill:focus,

　　input:-webkit-autofill:active {

　　-webkit-transition-delay: 99999s;

　　-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;

}