修改element-ui默认样式样式
2019-08-25 本文已影响0人
看五年前自己的文章真是唏嘘不已
el-form-item class="demo">
<el-input v-model="name"></el-input>
</el-form-item>
<style>
.demo {
.el-form-item__label{
//重新定义的CSS属性
}
}
</style>
或者
el-form-item class="demo">
<el-input v-model="name"></el-input>
</el-form-item>
<style>
.demo /deep/ .el-form-item__label{
//重新定义的CSS属性
}
</style>
- 去掉scoped，因为scoped会把样式局限在当前页面
- el-form-item__label之前要加demo父类，否则该样式会成为全局，也就是其他组件也会使用这个样式
