Ionic 5 Action Sheet Button CSS - SOLVED!

      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!

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?

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.