element-ui修改样式

https://blog.csdn.net/weixin_41041379/article/details/81706743

修改element ui默认的样式

如果要组件内全局修改

首先在浏览器里F12找到element默认的UI类名



找到要修改的默认类名以后

在文件中修改代码，重写属性

<style>
.el-form-item__label{
    //你要修改的CSS属性
}
</style>
但是如果已经在全局内修改了默认样式，但又想在某一个标签内再次重写样式，则可以给要修改的标签加一个父类，在父类里重写样式，这样可以避免代码污染，也可以叫做局部修改

<el-form-item class="demo">
    <el-input v-model="name"></el-input>
        </el-form-item>
<style>
.demo {
    .el-form-item__label{
    //重新定义的CSS属性    
    }    
}
如果不可以，则改成：
.demo .el-form-item__label{
    //重新定义的CSS属性    
    }    
</style>
 
--------------------- 
作者：酒香飘在巷子里 
来源：CSDN 
原文：https://blog.csdn.net/weixin_41041379/article/details/81706743 
版权声明：本文为博主原创文章，转载请附上博文链接！