Question

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

我使用了代码HTML

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

在CSS

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

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

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文件并在标头中添加a，并带有以下内容：

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