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 
版權聲明：本文爲博主原創文章，轉載請附上博文鏈接！