1. 程式人生 > >element ui 修改默認樣式

element ui 修改默認樣式

pre 父類 修改 ack 再次 mode put 文件中 col

修改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>

element ui 修改默認樣式