无法使用color属性将自定义颜色添加到<ion-menu-button>

时间:2019-05-08 09:27:00

标签: angular ionic-framework ionic4

我正在尝试使用<ion-menu-button>属性更改color的颜色,如下所示: <ion-menu-button color="cornflower"></ion-menu-button>

我的颜色当前在variables.scss中定义:

  /** cornflower **/
  --ion-color-cornflower: #56b7e9;
  --ion-color-cornflower-rgb: 86,183,233;
  --ion-color-cornflower-contrast: #000000;
  --ion-color-cornflower-contrast-rgb: 0,0,0;
  --ion-color-cornflower-shade: #4ca1cd;
  --ion-color-cornflower-tint: #67beeb;

  .ion-color-cornflower {
    --ion-color-base: #56b7e9;
    --ion-color-base-rgb: 86, 183, 233;
    --ion-color-contrast: #000000;
    --ion-color-contrast-rgb: 0, 0, 0;
    --ion-color-shade: #4ca1cd;
    --ion-color-tint: #67beeb;
  }

它在常规<ion-button color="cornflower">中使用时效果很好,因此它似乎确实被离子识别,而不仅仅是针对该元素。

我可以在<ion-menu-button color="secondary">中使用所有默认的离子颜色,并且可以使用。

我做错什么了吗,或者这可能是离子4的错误?

0 个答案:

没有答案