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

前端之家收集整理的这篇文章主要介绍了添加新颜色以及自定义主题颜色angular2材质前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在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关键字

猜你在找的Angularjs相关文章