离子2改变卡文本颜色

Question

我一直在尝试使用离子黑暗主题的离子卡，我实际上看不到文字;

我试图用这个改变CSS：

  h2,p {
    color:white;
  }

它仍然是黑色的。

我从离子文档中获取了代码：

<ion-card class="col-md-4" *ngFor="let new of news;let i=index">

  <ion-item>
    <ion-avatar item-left>
      <img [src]="new.image_url" *ngIf="new.image_url">
    </ion-avatar>
    <h2>TEST</h2>
    <p>AA TEST</p>
  </ion-item>

  <ion-card-content>
    <p>
    TSET SUMMARY
    </p>
    </ion-card-content>

  <ion-row>
    <ion-col>
      <button ion-button icon-left clear small>
        <ion-icon name="thumbs-up"></ion-icon>
        <div>12 likes</div>
      </button>
    </ion-col>
  </ion-row>

</ion-card>

有什么想法吗？

Answer 1

您可以覆盖离子变量本身。浏览./theme/variables.scss并添加

$card-ios-text-color(#fff);
$card-md-text-color(#fff);
$card-wp-text-color(#fff);

可以找到所有离子变量here以便快速参考