如何解决离子日期时间窗口颜色问题答案

【问题标题】：How to solve ionic datetime window color issue如何解决离子日期时间窗口颜色问题
【发布时间】：2017-06-18 11:36:27
【问题描述】：

我正在尝试实现https://ionicframework.com/docs/components/#datetime 在离子项目中，我成功地将它添加到我的模板中，问题是月日年显示为白色，背景也是白色，所以我们无法查看任何内容，如何解决这个问题？

html代码：

<ion-item>
  <ion-label>Date of birth</ion-label>
  <ion-datetime displayFormat="MMM DD YYYY" [(ngModel)]="event.month"></io$
</ion-item>

.ts 代码

 public event = {
month: '1990-02-19',
}

使用 Mozilla Firefox 查看结果：

但在谷歌浏览器中没有问题

【问题讨论】：

标签： angular typescript ionic-framework ionic-view

【解决方案1】：

在模板中试试这个：

<ion-item class="force-black-font">
      <ion-label>Date of birth</ion-label>
      <ion-datetime displayFormat="MMM DD YYYY" [(ngModel)]="event.month"></ion-datetime>
</ion-item>

然后将其添加到您的 css 中：

.force-black-font {
  color: black !important;
}

【讨论】：