为什么我的某些 Angular Material 组件中的文本显示为白色？

Question

在我的某些 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>

正在发生的事情的图像：

当光标突出显示时

Answer 1

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

Answer 2

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

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

将背景更改为深色

为什么我的某些 Angular Material 组件中的文本显示为白色？

Why text in some of my Angular Material component appears to be white?

angular-material

angular