element ui怎么修改el-form校验信息的样式

Question

如下图我想修改 el-form 校验失败的文字为其他颜色，并且重写的样式只有在当前页面才应用，求解怎么弄？

在当前页面的 style 样式表尝试重写并不生效

.el-select .el-form-item__error{
        color:yellow!important;
    }

Answer 1

F12看看当前页面渲染处理的el-form-item__error呀。

@import url("//unpkg.com/element-ui@2.13.0/lib/theme-chalk/index.css");
.el-form-item__error{
        color:yellow!important;
}

用官网的例子，在codepen.io打开，如上写上这行代码有效呀。

Answer 2

.el-select >>> .el-form-item__error{
    color:yellow;
}

或者

.el-select /deep/ .el-form-item__error{
    color:yellow;
}