javascript - 如何在ionic 3+中更改单个页面的背景颜色

Question

我是 ionic 的新手，我一直在尝试更改单页 CSS，例如将背景颜色更改为其他颜色。像绿色左右。我知道我可以在全局范围内更改相同的内容，但我不想在全局范围内更改背景颜色，我希望它只出现在这个页面上。

我已经尝试了下面的方法，但它似乎不起作用。

我试过搜索，但没有找到适合我需要的东西

//页面源代码

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

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

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

Answer 1

我遇到了这个问题并尝试了这里提到的所有解决方案，最后通过这个解决了它:

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