如何在ionic 3 +

时间:2019-01-20 16:37:50

标签: javascript angular ionic-framework

enter image description here我是离子技术的新手,我一直在尝试更改单个页面的CSS,例如将背景色更改为其他颜色。像绿色的我知道我可以全局更改相同的颜色,并且我不想全局更改背景颜色,我希望它只能在此单个页面上。

我尝试了以下方法,但似乎不起作用。

我尝试搜索,但是找不到适合我的需求

//页面源代码

<ion-content class="contents">
     sample text goes here 
</ion-content>

.contents{
  background-color:red;
}
ion-content{
  --background-color: var(--ion-color-danger, #f1453d);
}

背景应该给我该页面红色,但不会影响更改

4 个答案:

答案 0 :(得分:0)

尝试一下。

.contents {
  background: #f1453d;
}

答案 1 :(得分:0)

您必须在page.scss上尝试此代码

ion-content {background: #f1453d !important; }

答案 2 :(得分:0)

我遇到了这个问题,尝试了这里提到的所有解决方案,并最终通过以下方法解决了它:

<ion-content style="--background: #f1453d;">

答案 3 :(得分:0)

在 ionic v6 Beta1 中,这对我有用:

ion-content {
  --ion-background-color: red;
}