Angular material 棱角2材质在按钮上使用较亮/较暗的颜色
有没有一种优雅的方法可以在angular 2材质的按钮上使用原色或强调色的较浅/较深变体,而不必手动重新创建整个样式?如果使用sass,您可以将材质主题导入到scss文件中,目标材质颜色如下: 应用程序组件.scssAngular material 棱角2材质在按钮上使用较亮/较暗的颜色,angular-material,Angular Material,有没有一种优雅的方法可以在angular 2材质的按钮上使用原色或强调色的较浅/较深变体,而不必手动重新创建整个样式?如果使用sass,您可以将材质主题导入到scss文件中,目标材质颜色如下: 应用程序组件.scss @import '~@angular/material/theming'; .buttonPrimary { background-color: mat-color($mat-purple, 200); } .buttonAccent { background-
@import '~@angular/material/theming';
.buttonPrimary {
background-color: mat-color($mat-purple, 200);
}
.buttonAccent {
background-color: mat-color($mat-amber, A200);
}
app.component.html
<button md-raised-button class="buttonPrimary">primary</button>
<button md-raised-button class="buttonAccent">accent</button>
primary
口音
目前还没有这样的功能,尽管有一个提交的问题:我就是这样做的,不过为了方便起见,我最终只使用了更亮、更暗的类,这些类同时适用于主按钮和重音按钮,以及不同类型的按钮。但这正是我所做工作的本质所在。