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

Question

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

sed 's|//[^/]*$|//|'

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

我看到它的背景更改为.mat-select-placeholder { color: white !important; background-color: 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;
}

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

浏览此链接以了解其工作原理-https://blog.angular-university.io/angular-host-context/