占位符的材质角度变化颜色

Question

我正在使用Angular 6，Material-UI，并且试图更改选择中占位符/输入的颜色。

.mat-select-placeholder {
    color: white !important;
   background-color: red;
}

红色背景已设置好进行测试。

我看到它的背景变为red ，但文本仍然是深灰色。

它没有变化的原因吗？

Answer 1

尝试使用:: ng-deep

::ng-deep .mat-select-placeholder {
    color: white !important;
   background-color: red;
}

希望这可以帮助：）

Answer 2

您使用/deep/覆盖。

/deep/ .mat-select-placeholder {
   color: white !important;
   background-color: red;
}

注意：这些选项将来会被删除。