在垫子工具栏中看不到垫子凸起按钮中的文本

Question

这个简单的代码：

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

给我这个结果： 屏幕截图

看来这是一个已知的错误： https : //github.com/angular/material2/issues/4614

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

Answer 1

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

例如，这不起作用：

$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);

我只是改变$垫靛蓝至$垫绿色，现在我的文字是可见的屏幕截图

这是怎么回事 ？