为什么我的一些 Angular Material 组件中的文本看起来是白色的？答案

【问题标题】：Why text in some of my Angular Material component appears to be white?为什么我的一些 Angular Material 组件中的文本看起来是白色的？
【发布时间】：2026-01-22 14:40:01
【问题描述】：

在我的一些mat 组件中，例如mat-tab-group，文本看起来是白色且不可见。我的主题是粉色蓝灰色。这是代码

<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>

正在发生的事情的图像：

当被光标突出显示时

【问题讨论】：

标签： angular angular-material

【解决方案1】：

好吧，我认为他的问题是我的主题是黑暗主题。我去了project/index.html并添加了

<body class="mat-typography mat-app-background">

将背景更改为深色

【讨论】：

【解决方案2】：

这是自 Angular Material 0.11 版以来出现的常见问题。工具栏内的组件被涂成白色。此问题发生在例如：md-toolbar、md-fab-actions、md-raised 和 mat-tab。

【讨论】：