ionic-framework - 如何在离子中为整页应用背景颜色

Question

如何在离子中为整页应用背景颜色

我使用了代码 HTML

<ion-content padding class="bg.style">

在 CSS 中

.bg-style {
 background-color: #dddddd;
 }

但我没有得到输出请帮助我

标签： ionic-framework

Answer 1

尝试这样做

    <ion-item>
  <div class="item-content">
  </div>
</ion-item>

Ionic CSS 包含一个 CSS 属性：

 .item-content {
  background-color:#ffffff;
}

您添加的内联 CSS 将应用于具有 #ffffff 背景的元素后面的元素，因此您看不到背景颜色。

将背景颜色应用到 .item-content 元素，例如将以下 CSS 添加到 Ionic CSS 文件，或创建自定义 CSS 文件并将其包含在标题中，并使用以下内容：

 .item .item-content {
  background-color: transparent !important;
}

这是working.demo