vue+element中表单验证成功后输入框变成绿色

因为element在新版本中取消了这个功能所以使用全局css来满足需求

在assets目录下新建一个css文件夹，里面新建一个css文件复制下面的代码

在main.js中导入

// 导入全局样式表
import '@/assets/css/global.css'

代码来源
https://blog.csdn.net/qq_51081319/article/details/121262778

.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
    border-color: #67C23A
}

.el-form-item.is-success .el-input-group__append .el-input__inner,
.el-form-item.is-success .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-success .el-input__validateIcon {
    color: #67C23A
}