每个组件的样式选择值样式

时间:2019-08-07 13:42:09

标签: css angular typescript angular-material

我正在尝试为每个组件设置不同的mat-select样式。我的标题(始终可见)中有1个主要选择,而SPA中的不同组件中有多个。我试图以不同的方式设置标题mat-select的样式,因为它的背景很暗,其余的应该取消样式设置,并且不受标题样式的影响。

我尝试使用ngClass和ngStyle,但是它们没有将必需的类添加到childs中,而只是将其添加到main类中。我尝试使用:: ng-deep和/ deep /,但它们会更改应用程序其他部分中组件的样式。因此从技术上讲,它们可以工作,但结果不正确。

https://stackblitz.com/edit/angular-kzwatd

我希望将文本颜色更改为白色,因为Mat-select的背景很暗。

有人知道为什么堆栈闪电不起作用吗?

1 个答案:

答案 0 :(得分:0)

尝试使用:

  <mat-select class="main" placeholder="Main"> ....

  /deep/ .main .mat-select-value{
    color: red;
  }

https://stackblitz.com/edit/angular-rucggb?file=src/app/main-component.css