【问题标题】: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;
    }
    

    【讨论】:

      猜你喜欢
      • 2020-09-23
      • 2021-07-14
      • 2018-08-11
      • 1970-01-01
      • 1970-01-01
      • 2021-08-13
      • 2021-07-06
      • 1970-01-01
      • 2022-09-23
      相关资源
      最近更新 更多