Change the text color of the Toast message link

Ionic Framework Ionic Angular
1

Hi,

How to change the text color of the Toast message link?

This is not working

'By continuing, you agree to our <a href="/legal/cookies" style="color:white;"> Cookie Policy.</a>',

It always shows the default blue color. I need to change it to white.

async showCookieToast(): Promise<HTMLIonToastElement> {
    const toast: HTMLIonToastElement = await this.toastController.create({
      message:
       'By continuing, you agree to our <a href="/legal/cookies" style="color:white;"> Cookie Policy.</a>',
      duration: 0,
      position: 'bottom',
      color: 'secondary',
      cssClass: 'cookie-toast',
      buttons: [
        {
          text: 'Continue',

          handler: (): any => {
            this.dismissToast(toast);
          },
        },
      ],
    });

    toast.present();

    return toast;
  }
2

it don’t work like that, check out the docs on how to change theme:

3

I have tried that too. But it didn’t work either?

ion-toast.cookie-toast::part(message) {
   color: white !important;
 }