码迷,mamicode.com
首页 > 其他好文 > 详细

element ui 修改默认样式

时间:2019-01-17 19:44:42      阅读:482      评论:0      收藏:0      [点我收藏+]

标签:img   model   样式   dem   标签   nbsp   round   alt   info   

修改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 修改默认样式

标签:img   model   样式   dem   标签   nbsp   round   alt   info   

原文地址:https://www.cnblogs.com/edensyd/p/10283646.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!