Question

我正在使用Angular Material选项卡组件。直接使用官方文档中的示例...

<mat-tab-group>
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
</mat-tab-group>

一切正常，除了选项卡标签中的字体大小小于我想要的大小，而且我似乎无法弄清楚如何使其变大。我已经在CSS中尝试了多种方法，但是显然我遗漏了一些东西。如果有人可以帮助，将不胜感激。

Answer 1

在styles.css中（由@Marshal纠正）

.mat-tab-label{
    font-size: 10px !important;
 }

或者您可以在组件CSS中使用以下内容

::ng-deep .mat-tab-label .mat-tab-label-content {
    font-size: x-large;
}

在CSS中，我们可以像这样声明样式规则！重要的是要优先使用之前可以找到的样式规则

角度材料选项卡组件-如何更改标签字体大小

1 个答案: