Override ion-content's background color

Question

We set ion-content's background color in app.scss or wherever. How can I override it? When I put this into the page's scss:

#page-content {
    background-color: purple;
}

Nothing happens. (Of course I added the id to the tag: <ion-content padding id="page-content">)

Answer 1

You should use color in RGB code.

background-color: #000000;

Answer 2

Try it with add !important

#page-content {
    background-color: purple!important;
}

Answer 3

This is how I changed the background:

.scroll-content {
    background-color: white;
}

Answer 4

In your Global scss or local scss mention this

ion-content{ --background:white }