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

Question

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

html代码：

ng2-tag-input

.ts代码

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

使用Mozilla Firefox的结果视图：

但谷歌浏览器没问题

Answer 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;
}