我正在尝试为每个组件设置不同的mat-select样式。我的标题(始终可见)中有1个主要选择,而SPA中的不同组件中有多个。我试图以不同的方式设置标题mat-select的样式,因为它的背景很暗,其余的应该取消样式设置,并且不受标题样式的影响。
我尝试使用ngClass和ngStyle,但是它们没有将必需的类添加到childs中,而只是将其添加到main类中。我尝试使用:: ng-deep和/ deep /,但它们会更改应用程序其他部分中组件的样式。因此从技术上讲,它们可以工作,但结果不正确。
https://stackblitz.com/edit/angular-kzwatd
我希望将文本颜色更改为白色,因为Mat-select的背景很暗。
有人知道为什么堆栈闪电不起作用吗?
答案 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