添加新颜色以及自定义主题颜色angular2材质

发布时间：2020-12-17 17:00:25 所属栏目：安全来源：网络整理

导读：如何在Angular 2材质中添加新颜色. 它在ng2-material docs中指定：color：“primary”|“accent”|“warn”被接受我想添加类似“progressbarcolor”之类的东西,而不是我自定义主题中为angular2材质定义的颜色. 例如： md-progress-bar color="progressbarcol

如何在Angular 2材质中添加新颜色.

它在ng2-material docs中指定：color：“primary”|“accent”|“warn”被接受我想添加类似“progressbarcolor”之类的东西,而不是我自定义主题中为angular2材质定义的颜色.

例如：

<md-progress-bar color="progressbarcolor">    </md-progress-bar>

解决方法

您有两种选择：

>自定义主题

>推荐
>使用this guide自定义颜色创建自己的自定义主题

>覆盖样式

>可能,不推荐但有时用于将白色装载机放入彩色按钮内.

< md-progress-bar class =“custom-color”>< / md-progress-bar>

/ deep / md-progress-circle.custom-color path {
???笔画：$progress-circle-custom-color;
?}

> / deep /关键字忽略了影子DOM所以要小心使用它,它也被弃用但尚未删除>您可以将代码放在全局样式文件中,因此不使用deep关键字

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!