How could I change the actionsheet background to another color?


#1

I already tried this way but it did not work:

$base-background-color: #210607 !default;

how to use the custom CSS with the actionsheets?

thx in advance


#2
.action-sheet-options, .action-sheet-group {
    background: #DDD;
}

#3

thanks for your attention but still not working. still white.


#4

It’ll need to be placed after the ionic.app.css or put the !important tag after #DDD, try inspecting the element in Chrome and modifying the styles that way, if you know how to use the Dev Tools :slight_smile:


#5

Ok, with Important, it worked perfect for iOS and WP but not for android. Am I forgetting something else?


#6
.platform-android .action-sheet-group {
    background: #DDD !important;
}

#7

cool. thanks for your help and your patience.