如何申请背景色离子一整页

Posted 2021-04-03

如何申请背景色离子一整页

我使用的html代码

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

在CSS

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

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

答案

尝试这样做

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

离子CSS包含CSS属性：

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

您添加的内联CSS被应用到与#FFFFFF背景元素后面的元素，所以你不能看到你的背景颜色。

申请的背景颜色到.item内容元素，通过添加以下CSS到离子CSS文件，或创建自定义CSS文件，并且包括将其在报头中，具有下列：

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

这里的working.demo