占位符的材质角度更改颜色答案

【问题标题】：Material Angular change color of placeholder占位符的材质角度更改颜色
【发布时间】：2018-10-28 15:10:48
【问题描述】：

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

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

为测试设置了红色背景。

我看到它的背景变成了red，但文字仍然是深灰色。

它没有改变有什么原因吗？

【问题讨论】：

【解决方案1】：

尝试使用 ::ng-deep

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

希望这会有所帮助:)

【讨论】：

【解决方案2】：

您可以使用/deep/ 覆盖。

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

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

【讨论】：