Rc0 cssClass for Action Sheet button not working


#1

in beta 11, changing the color of an action sheet button was very simple.

cssClass: 'action-red'

then in the css file:

  color: red;
}```

Since upgrading to rc0, this no longer works.  The "action-red" class is being overridden by platform specific defaults.

So my question is, how can we change the color of an action-sheet button?

#2

Update: Ending up solving this by changing the “action-red” class to the following:

.action-red { .button-inner { color: darkred; } }


#3

In my case adding the !important statement to the CSS worked fine:

.action-red {
background-color: red !important;
}

also, I placed the CSS in home.scss outside of page-home! It didn’t work when it was nested.