mat-raised-button 中的文本在 mat-toolbar 中不可见答案

【问题标题】：Text in mat-raised-button is invisible within mat-toolbarmat-raised-button 中的文本在 mat-toolbar 中不可见
【发布时间】：2017-12-29 14:11:38
【问题描述】：

这个简单的代码：

<mat-toolbar color="primary">
    <button mat-raised-button>Basic</button>
</mat-toolbar>
<button mat-raised-button>Basic</button>

给我这个结果：screenshot

好像是个已知的bug：https://github.com/angular/material2/issues/4614

我需要一个干净的解决方法，有人可以帮助我吗？谢谢。

【问题讨论】：

这是一个已知问题。您希望工具栏中的按钮为白色吗？
我使用的是自定义主题，我没有这个问题。另外，你的角度材料版本是什么？
不，如果可能的话，我希望文本颜色保持不变（主题的基本文本颜色），而不必在组件的 scss 中硬编码脏的黑色文本颜色。
我不知道我使用的是哪个版本。我的 package.json 中有这个依赖： "@angular/material": "^5.0.2"

标签： angular angular-material2

【解决方案1】：

我在 /style.scss 中编写了我的主题。我为主调色板选择的颜色会影响 bug 的可复制性。

例如，这不起作用：

$candy-app-primary: mat-palette($mat-indigo);
$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);

// The warn palette is optional (defaults to red).
$candy-app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

但这有效：

$candy-app-primary: mat-palette($mat-green);
$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);

// The warn palette is optional (defaults to red).
$candy-app-warn:    mat-palette($mat-red);

// Create the theme object (a Sass map containing all of the palettes).
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

我刚刚将 $mat-indigo 更改为 $mat-green，现在我的文本可见 screenshot

发生了什么事？

【讨论】：