Ionic 5 Action Sheet Button CSS - SOLVED!

Ionic Framework
1 
      button = {
        text: 'Notifications',
        role: 'destructive',
        icon: 'notifications-outline',
        cssClass: 'menu-border-top',
        handler: () => {
          this.getMyNotificationPreferences()
        }
      buttons.push(button);


.menu-border-top {
  background-color: red;
}

Where do I put this css in Ionic 5?? I’ve tried global.scss and just about everywhere else that I can think of!

2

global.scss is the right Place! If you inspect the Action Sheet, is the Class applied to the Button? Do you see the Style, maybe is it overwritten?

3

Hi, thanks.

Yes it shows up in the class for the button, but - I thought - the css style was nowhere to be seen, however I found it and changing the definition to…

.menu-border-top {
  background-color: red !important;
}

…got it working.