修改element-ui默认样式样式

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>
  1. 去掉scoped,因为scoped会把样式局限在当前页面
  2. el-form-item__label之前要加demo父类,否则该样式会成为全局,也就是其他组件也会使用这个样式
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容