css - 如何只覆盖一个组件的@material 主题颜色?
问题描述
$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)
它提供了这个mixin,但是在尝试了不同的东西之后,我仍然不知道如何使用它。我也找不到任何例子。
感谢您提前提供任何帮助。
解决方案
@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。
推荐阅读
- unity3d - 导入FBX模型时HoloLens崩溃的问题
- c++ - 在 C++ 中使用插入和映射的效率
- python - 用自定义激活替换 sigmoid 激活
- javascript - 日期格式 mongoDB
- sql-server - 基本 T-SQL 将变量传递给 LEFT
- angular - 为什么我的 Angular 应用程序收到多个 http 请求?
- regex - 如何使用正则表达式匹配亚洲字符?
- python-3.x - 如何修改我的代码以列出所有包含“格莱美”一词的推文
- angular - 如何使用 Angular 6 服务更新组件数据
- bash - bash while 循环中的奇怪 ssh 行为