Angular 在角6（和7）中为Mat按钮切换设置主题

我发现了如何定制材质切换按钮的绝妙方法。我成功地设置了背景颜色和字体的重量的方式，我想与

@import '~@angular/material/theming';

@include mat-core();

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

$app-theme: mat-light-theme($app-primary, $app-accent);

@mixin mix-app-theme($app-theme) {
  $primary: map-get($app-theme, primary);
  $accent: map-get($app-theme, accent);

.mat-button-toggle-checked {
    background-color: mat-color($primary);
    font-weight: bold;
    color:mat-color($primary); // <=== does not work!!!
  }
}

// Include the mixin
@include mix-app-theme($app-theme);

但不知何故，字体本身仍然是黑色的——这不是使用color=primary时的默认颜色

你知道如何正确地加入前颜色吗？

试试这个

.mat-button-toggle-label-content{
   color:mat-color($primary)
}

如果您想更改选中按钮的颜色，请尝试此操作

.mat-button-toggle-checked {
   .mat-button-toggle-label-content{
       color:mat-color($primary)
    }
}

试试这个

.mat-button-toggle-label-content{
   color:mat-color($primary)
}

如果您想更改选中按钮的颜色，请尝试此操作

.mat-button-toggle-checked {
   .mat-button-toggle-label-content{
       color:mat-color($primary)
    }
}

---

Thanx到@Akhi-Akl I并查看主题，我发现以下解决方案适用于初级颜色中的mat按钮切换

---

Thanx到@Akhi-Akl I并查看主题，我发现以下解决方案适用于初级颜色中的mat按钮切换

---

.mat按钮切换{color:mat color$primary；}不，没有帮助-保持相同的黑色前景色保持不变。。。至少在Angular 7.1.1..mat按钮切换{color:mat color$primary；}不，没有帮助-保持相同的黑色前景颜色保持不变。。。至少在Angular 7.1.1中，我越来越接近了-但没有解决问题：-/首先CSS属性是正确的-我看到字体的颜色正在改变-这很好。坏消息是它更改为错误的颜色：-它更改为我已经设置的原色：-尝试类似$foreground:map get$app theme，foreground。。。颜色：mat color$前景，文本将文本设置为默认前景颜色=黑色。但是我需要主按钮的前景色。知道怎么得到吗？我没有得到你想要的。如果您可以添加一个示例slackblitz项目，请参阅我的答案-指向正确方向的thx：-好的，我现在了解您的要求。并且总是乐于提供帮助：我越来越靠近了，但没有解决问题：-/首先CSS属性是正确的-我看到字体的颜色正在改变-这很好。坏消息是它更改为错误的颜色：-它更改为我已经设置的原色：-尝试类似$foreground:map get$app theme，foreground。。。颜色：mat color$前景，文本将文本设置为默认前景颜色=黑色。但是我需要主按钮的前景色。知道怎么得到吗？我没有得到你想要的。如果您可以添加一个示例slackblitz项目，请参阅我的答案-指向正确方向的thx：-好的，我现在了解您的要求。而且总是乐于助人：嗨@Manas Sahu，你在回答一个超过1岁的问题。请尝试回答新问题，这更有帮助。请解释你的答案。不要只用代码块来回答。嗨@Manas Sahu，你在回答一个超过1岁的问题。请尝试回答新问题，这更有帮助。请解释你的答案。不要只用代码块来回答。