Материал Угловое изменение цвета заполнителя

Question

Я использую Angular 6, Material-UI, и я пытаюсь изменить цвет заполнителя / ввода в выделении.

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

для тестирования установлен красный фон.

Я вижу, что его фон изменился на red, но текст все еще темно-серый.

Есть причина, по которой он не меняется?

Answer 1

Вы используете /deep/ для перезаписи.

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

Примечание. Эти параметры будут удалены в будущем.

Просмотрите эту ссылку, чтобы понять, какэто работает - https://blog.angular -university.io / angular-host-context /

Answer 2

попробуйте использовать :: ng-deep

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

надеюсь, это поможет:)