vue elementui input输入框成功不显示绿色（已解决）

一.设置公共样式

问题说明：原因是因为最新版element ui废除了输入框成功变绿色的样式。

Ⅰ.需要找到element ui的公共css样式(没更改过的话，默认路径如下)

node_modules/element-ui/lib/theme-chalk/index.css

Ⅱ.打开格式化一下（shift+alt+f）

Ⅲ.插入样式

.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;
}

Ⅳ.效果达成

二.降低element ui的版本

Ⅰ.卸载element-ui

npm uninstall element-ui

Ⅱ.安装低版本

npm install element-ui@2.9.2 -S