css - (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;
}