我正在尝试使用<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的错误?