（Angular）ng-deep改变特定元素

Question

如果有人知道如何使用ng-deep更改特定元素。

我想将占位符的颜色从灰色更改为白色。

〇HTML

<md-input-container class="header-inputContainer"> <input class="header-inputBar" mdInput placeholder="荷主"> </md-input-container>

〇CSS

::ng-deep .mat-input-placeholder {color: #fff;}

来自这个

到此。

但CSS会像这样影响其他元素的占位符。

·其他组件中的元素（上面没有CSS）

·其他组件中的元素（上面有CSS）

在CSS中添加类名不起作用。 如果有人能提供帮助，那就非常感激了。

Answer 1

另一种解决方案是给它一个类名，然后在你的全局样式（style.css）中引用它。

.header-inputBar.mat-input-placeholder {
    color: #fff;
}