Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 离子2改变卡片文本颜色_Ionic Framework_Ionic2 - Fatal编程技术网

Ionic framework 离子2改变卡片文本颜色

Ionic framework 离子2改变卡片文本颜色,ionic-framework,ionic2,Ionic Framework,Ionic2,我一直在尝试使用ion dark主题的ion卡,但实际上我看不到文本 我尝试用以下内容更改CSS: h2,p { color:white; } 而且还是黑色的 我从ionic文档中获取了正确的代码: <ion-card class="col-md-4" *ngFor="let new of news;let i=index"> <ion-item> <ion-avatar item-left> <img [s

我一直在尝试使用ion dark主题的ion卡,但实际上我看不到文本

我尝试用以下内容更改CSS:

  h2,p {
    color:white;
  }
而且还是黑色的

我从ionic文档中获取了正确的代码:

<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>

试验
AA试验

TSET摘要

12喜欢

有什么想法吗?

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

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

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

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

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

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

尝试使用
!重要信息
请尝试使用
!重要信息