Как изменить цвет значка кнопки «Назад» в Ionic 4?

Question

Я пытаюсь сделать значок кнопки «Назад» белым на панели инструментов моего приложения Ionic 4.Я добавил:

ion-back-button {
  --color: white;
}

в моем global.scss, но значок остается серым.Мне удалось сделать заголовок панели инструментов белым.

Это мой шаблон:

<ion-toolbar>
    <ion-buttons slot="start">
        <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>Title</ion-title>
</ion-toolbar>

Я бы хотел просто определить глобальный стиль дляизмените цвет всех кнопок «Назад» глобально, не добавляя дополнительную разметку на каждую страницу с помощью кнопки «Назад».

Answer 1

Попробуйте в global.scss с важными

ion-back-button{
  --color: white !important;
}

Поместите его в: root работает также в соответствии с документами:

https://ionicframework.com/docs/theming/css-variables#setting-values

:root {
  ion-back-button {
    --color: red;
  }
}