如何在 Angular 2 材质中添加新颜色。
它在 ng2-material 文档中指定: color: "primary"|"accent"|"warn" 被接受 我想添加类似“progressbarcolor”的内容,而不是在我的 angular2 材质的自定义主题中定义的颜色。
For eg :
<md-progress-bar color="progressbarcolor"> </md-progress-bar>
您有两个选择:
-
自定义主题
- 受到推崇的
- 使用自定义颜色创建您自己的自定义主题本指南 https://github.com/angular/material2/blob/master/guides/theming.md#defining-a-custom-theme
-
覆盖样式
-
可能,不推荐,但有时会使用,例如将白色加载器放置在彩色按钮内时。
<md-progress-bar class="custom-color"></md-progress-bar>
/deep/ md-progress-circle.custom-color path {
stroke: $progress-circle-custom-color;
}
- the
/deep/
关键字会忽略影子 DOM,所以要小心使用它,它也已被弃用,但尚未删除
- 您可以将代码放在全局样式文件中,因此不使用 deep 关键字
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)