(角度) ng-deep，用于更改特定元素

Question

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

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

0HTML

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

0CSS

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

从这里开始

​

​

对这个。

​

​

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

·其他组件中的元素(没有上面的CSS )

​

·其他组件中的元素(带有上面的CSS )

​

​

在CSS中添加类名不起作用。如果有人能帮上忙，我将不胜感激。

Answer 1

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

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