Angular mat提升按钮中的文本在mat工具栏中不可见
这个简单的代码:Angular mat提升按钮中的文本在mat工具栏中不可见,angular,angular-material2,Angular,Angular Material2,这个简单的代码: <mat-toolbar color="primary"> <button mat-raised-button>Basic</button> </mat-toolbar> <button mat-raised-button>Basic</button> 基本的 基本的 给我这个结果: 这似乎是一个已知的bug: 我需要一个干净的工作环境,有人能帮我吗? 谢谢。我在/style.scss中写了我
<mat-toolbar color="primary">
<button mat-raised-button>Basic</button>
</mat-toolbar>
<button mat-raised-button>Basic</button>
基本的
基本的
给我这个结果:
这似乎是一个已知的bug:
我需要一个干净的工作环境,有人能帮我吗?
谢谢。我在/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,现在我的文本可见
发生了什么事?这是一个众所周知的问题。您希望工具栏内的按钮为白色吗?我使用的是自定义主题,没有这个问题。另外,你的角度材质版本是什么?不,我希望文本颜色保持不变(主题的基本文本颜色),如果可能的话,不必在组件的SCS中硬编码黑色文本颜色。我不知道我使用的是哪个版本。我的package.json中有此依赖项:“@angular/material”:“^5.0.2”