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;
}

角离子样式变化

1 个答案: