时间戳

首页 > 解决方案 > 为什么我的一些 Angular Material 组件中的文本看起来是白色的？

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

问题描述

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

正在发生的事情的图像：

正在发生2

被光标高亮时 正在发生1

标签： angularangular-material

解决方案

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

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

将背景更改为深色

推荐阅读