Угловое изменение ионного стиля

Question

Я занимаюсь разработкой ионного мобильного приложения. Когда я пишу код ниже в scss,

ion-content{
     background: rgba(15, 19, 31, 0.94) no-repeat;;
    width: 100%;
    height: 100%;
    display: table;
} 

Я не могу изменить фон предмета. Потому что код ниже мешают это сделать. я не могу найти, где это написано.

:host {
    --background: var(--ion-background-color,#fff);
    --color: var(--ion-text-color,#000);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-start: 0px;
    --padding-end: 0px;
    --keyboard-offset: 0px;
    --offset-top: 0px;
    --offset-bottom: 0px;
    --overflow: auto;
    display: block;
    position: relative;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    font-family: var(--ion-font-family,inherit);
    contain: layout size style;
}

Как я могу изменить фон ионного содержимого. Есть способ написать div внутри него и придать ему стиль. но я не хочу этого делать Я хочу придать стиль непосредственно предмету.

Заранее спасибо.

Answer 1

Просто используйте

ion-content{
     --background: rgba(15, 19, 31, 0.94) no-repeat;
}