element的dialog弹框的背景色_el-dialog 背景色

对于弹框的背景色，我们会发现，平时的background-color和background修改的颜色不是弹框部分，而是后面的半透明背景部分，那如果是弹框部分要怎么改呢？

  .el-dialog{
    background: rgb(250,249,254);
  }
1
2
3

通过F12进入开发者模式，或者右键->检查
找到选择框，选中你想改变css的部分，查看其对应的class名

如果更改之后没发生变化，则可能是style部分引入了scoped，禁止考虑全局的ss样式更改

<style  scoped>
1

可以通过加/deep/的方式，重写该样式

  /deep/ .el-card__body {
    background-color: #F5F5F5;
    border: 0;
  }
1
2
3
4

也可以再写一个style

比如我就写了两个style，前面加scoped的只会对该文件更改，不加的会对整个项目中所有符合的class修改