Setting ion-list background to trasparent causes the default background color to quickly flash first

Ionic Framework Ionic Angular
1

I’m trying to set the background of an ion-list to be transparent. This list is in an ion-modal. The issue I’m facing is the CSS to make the background transparent doesn’t seem to be going into effect right away, which causes a quick flash of white as the default light color of the ion-list is loaded first.

Here is the SASS:

ion-list, ion-item
        --ion-background-color: rgba(0,0,0,0)

Is there a way to stop the flash of white from happening before the transparency takes effect?

2

try this:

background: transparent !important;
transition: 0 !important;
3

Thanks for the reply, but that unfortunately did not work.