我是离子技术的新手,我一直在尝试更改单个页面的CSS,例如将背景色更改为其他颜色。像绿色的我知道我可以全局更改相同的颜色,并且我不想全局更改背景颜色,我希望它只能在此单个页面上。
我尝试了以下方法,但似乎不起作用。
我尝试搜索,但是找不到适合我的需求
//页面源代码
<ion-content class="contents">
sample text goes here
</ion-content>
.contents{
background-color:red;
}
ion-content{
--background-color: var(--ion-color-danger, #f1453d);
}
背景应该给我该页面红色,但不会影响更改
答案 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;
}