首页 > 其他 > 详细

element UI -- 默认样式修改不成功的问题(转载)

时间:2020-06-04 17:46:37      阅读:65      评论:0      收藏:0      [点我收藏+]

转载链接:https://blog.csdn.net/bobobocai/article/details/81873125

 

有的时候element提供的默认的样式不能满足项目的需要,就需要对标签的样式进行修改,但是发现修改的样式不起作用


解决方法:去掉scoped

注意:此时该样式会污染全局样式,可以把它放在公共的css里面
为了不让所有的 el-dialog标签都是该样式,可以在HTML给改加上一个类名,比如own 

   <el-dialog class="own" title="详情" :visible.sync="dialogTableVisible" >
 
 
<style lang="css">
 .own .el-form-item{
    margin-bottom: 0px;
  } 
.own .el-dialog__header {
    padding: 10px 10px 10px 15px ;
}
.own .el-dialog__body {
    padding: 0px 10px 10px 10px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}
</style>

 

element UI -- 默认样式修改不成功的问题(转载)

原文:https://www.cnblogs.com/hao-1234-1234/p/13044970.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!