1. 程式人生 > >element ui 修改預設樣式

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>