0

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

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

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

例如，在 mat-tab 元素中，我想让字体加粗。在 chrome 的 devtools 中即时执行此操作，效果很好。这也适用于之前没有视图封装的情况。

现在没有了。像这样的简单变化让我难以捉摸......

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

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

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

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

.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;
}

4

0 回答 0