(精华)2020年10月19日 vue element-ui修改样式不生效

原因

代码中使用scoped之后，保证各文件中的css不相互影响，给每个component都做了唯一的标记
解决方案如下

<style lang="less" scoped>
//css用 
//.el-table >>> .warning-row
//less sass scss用
.el-table {
  /deep/ .warning-row {
    background: oldlace;
  }
  /deep/ .success-row {
    background: #f0f9eb;
  }
}
</style>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
 

如果/deep/报错可以用如下方法

<style scoped  lang="scss">
.el-table {
  ::v-deep {
    .warning-row {
      background: oldlace;
    }
    .success-row {
      background: #f0f9eb;
    }
  }
}
.editable-add-btn {
  margin-left: 0px;
}
</style>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
 

文章来源: codeboy.blog.csdn.net，作者：愚公搬代码，版权归原作者所有，如需转载，请联系作者。

原文链接：codeboy.blog.csdn.net/article/details/107280419