Angular 为什么'；snackbar的颜色不会改变吗？

我想更改snackbar组件铭文的背景和颜色。但当我设定的风格没有改变。如何做对

ts:

css:

---

添加

：：ng deep

，或在全局样式文件中声明它（默认

src/styles.css

）

因为它是使用在主体中创建的，所以零部件样式范围不适用于它

：：ng deep.test{
背景：#1abc9c；
颜色：蓝色；
}

---

添加

：ng deep

，或在全局样式文件中声明它（默认

src/styles.css

）

因为它是使用在主体中创建的，所以零部件样式范围不适用于它

：：ng deep.test{
背景：#1abc9c；
颜色：蓝色；
}

---

您好，您需要覆盖mat快餐店容器类

.mat-snack-bar-container {
    color: rgba(255,255,255,.7);
    background: #323232; // change the color here
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

---

您好，您需要覆盖mat快餐店容器类

.mat-snack-bar-container {
    color: rgba(255,255,255,.7);
    background: #323232; // change the color here
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

.mat-snack-bar-container {
    color: rgba(255,255,255,.7);
    background: #323232; // change the color here
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}