Question

$mdc-theme-secondary: #6b2574已在index.scss文件的顶部定义。

我有一个材质复选框组件，默认情况下使用$mdc-theme-secondary作为背景色。我想更改复选框的颜色而不修改mdc-theme-secondary。

mdc-checkbox-container-colors($unmarked-stroke-color, $unmarked-fill-color, $marked-stroke-color, $marked-fill-color, $generate-keyframes)

它提供了这种混合功能，但是尝试了不同的方法之后，我仍然不知道如何使用它。我也找不到任何例子。

感谢您的任何帮助。

Answer 1

@import "@material/checkbox/mdc-checkbox";
.mdc-checkbox {
  @include mdc-checkbox-container-colors($mdc-theme-secondary, $mdc-theme-on-secondary, 
  $mdc-theme-primary, $mdc-theme-on-primary);
}

我弄清楚了如何使用mixin ...我必须选择.mdc-checkbox。

如何只覆盖一个组件的@material主题颜色？

1 个答案: