element ui 修改默認樣式

修改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屬性    
    }    
}
</style>