Можем ли мы настроить кнопку закрывания тостов ioni c.? - PullRequest
Новая
       62

Можем ли мы настроить кнопку закрывания тостов ioni c.?

2 голосов
/ 08 января 2020

Я пытаюсь добавить цвет фона для кнопки тоста ioni c, но не удалось. Я попробовал ниже css в глобальном. css. Может кто-нибудь сказать мне, как мне этого добиться .?

  .positive-toast-message {
       --min-width: 60%;
       --background: #bde7c3;
       --color: black;
       --button-color: black;
       .toast-button {
        --background: red !important;
        background: white !important;
        background-color: blue !important;
       }
   }

Как только Toast создан, он применяет 'positive-toast-message' css правильно

1 Ответ

2 голосов
/ 08 января 2020

Если вы хотите это сделать, то вам следует использовать css класс. Назовите тост вот так 

const toast = await this.toastCtrl.create({
    message: 'Please Fill all fields',
    duration: 30000,
    position: 'top',
    cssClass: 'toast-bg'
  });

  toast.present();

Затем go в файл global.s css и поместите туда этот класс 

.toast-bg {
  --background: blue;
}

Это должно сработать. измените цвет на любой другой цвет в классе css в global.s css

...