element的dialog弹框的背景色

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

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

通过F12进入开发者模式,或者右键->检查
找到选择框,选中你想改变css的部分,查看其对应的class名
在这里插入图片描述
如果更改之后没发生变化,则可能是style部分引入了scoped,禁止考虑全局的ss样式更改

<style  scoped>

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

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

也可以再写一个style
在这里插入图片描述
比如我就写了两个style,前面加scoped的只会对该文件更改,不加的会对整个项目中所有符合的class修改

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值