如何在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;">

Answer 2

嘗試這個。

.contents {
  background: #f1453d;
}

Answer 3

你必須在 page.scss 上試試這個代碼

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

Answer 4

在 ionic v6 Beta1 這對我有用：

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