角度模拟视图封装中的CSS样式

Question

由于我的角度组件中的VIEWENCAPSULATION.NONE的样式问题，我切换到.EMULATED

现在，我无法进行最简单的CSS更改。

样式保存在组件css文件中，而不是保存在全局css文件中..

例如，在mat-tab元素中，我想使字体变粗。在chrome中的devtools中即时执行此操作可以正常工作。此外，这也没有使用视图封装。

现在它没有。一个简单的改变就像这样让我觉得......

这是我的html和以前工作的css（没有封装）。

＆＃13;

＆＃13;

<mat-tab-group>
  <mat-tab *ngFor="let l of letters" [label]="l.letter">
    ...
  </mat-tab>
</mat-tab-group>

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

.mat-tab-label {
  font-weight: bold!important;
}

＆＃13;

＆＃13;

＆＃13;

我尝试了以下所有方法，没有任何效果。有人可以指出正确的方法吗？谢谢！

＆＃13;

＆＃13;

.mat-tab-label {
  font-weight: bold!important;
}

mat-tab-label {
  font-weight: bold!important;
}

.mat-tab.mat-tab-label {
  font-weight: bold!important;
}

mat-tab.mat-tab-label {
  font-weight: bold!important;
}

.makeBold {
  font-weight: bold!important;
}

＆＃13;

＆＃13;

＆＃13;