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

标签 javascript angular ionic-framework

enter image description here我是 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);
}

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

最佳答案

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

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

关于javascript - 如何在ionic 3+中更改单个页面的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54278598/

相关文章:

javascript - jQuery 单击事件在尝试忽略某些子项时会出现问题

javascript - 将变量传递给命名回调

angular - Openlayers 4.6.5 和 Angular 6 无法删除像素处绘制的形状

html - 在动画启动画面后移动到下一页

angular - ionic 3 : How do I know if I have access to the Internet on a network (wifi or mobile)

javascript - css和js重复下载问题

javascript - 响应页面加载弹出窗口

android - NativeScript Http 发布请求被阻止

javascript - 如何设置最小和最大剩余边距?

javascript - 来自 ionic 2 中 JSON 的动态表单