Question

我试图通过将标头填充更改为适合我的应用的方式来覆盖ion-card的现有sass样式。

我做了以下事情：

ion-card-header{
  .card-header-md{
    padding-right: 20px !important;
    padding-left: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

但是什么都没有改变。我尝试添加背景色以检查其是否具有样式：

ion-card-header{
  color: red;
  .card-header-md{
    padding-right: 20px !important;
    padding-left: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

并且颜色变为红色。 但是card-header-md并没有改变。我需要在iOS和Android上进行更改。

这里是stackblitz。

Answer 1

问题是Microsoft HTML Object Library类与card-header-md类处于同一级别。所以这应该工作：

ion-card-header

我删除了ion-card-header { &.card-header-md { padding-right: 20px padding-left: 16px; padding-top: 16px; padding-bottom: 16px; } }是因为我认为您实际上并不需要它们（只需在 new stackblitz demo 中尝试过，没有它们就可以正常工作）。

Ionic 3更改离子卡页眉填充不会覆盖现有的

1 个答案: