Ionic Ion-datetime -日历视图空白-在白色背景上的白色文本- android / web

bqf10yzr  于 2023-02-14  发布在  Ionic
关注(0)|答案(1)|浏览(172)

当我在日历模式下打开ion-datetime时,它在Android 8上是空白的。一些用户在PC上的chrome中也会出现这种情况。在iOS上,无论是在亮模式还是暗模式下,它似乎都很好。
看起来日期数字的颜色是白色背景上的白色。

代码:

<ion-col *ngIf="startDateType === 'future'" class="date-start-container">
            <ion-datetime-button color="dark" datetime="dateControlStart"></ion-datetime-button>
  
            <ion-modal [isOpen]="isStartDateModalOpen" [keepContentsMounted]="true">
              <ng-template>
                <ion-datetime id="dateControlStart" class="shadow-override" #dateControlStart
                  [value]="dateStartString"
                  presentation="date"
                  [showDefaultTitle]="true"
                  [showDefaultButtons]="true"
                  [min]="dateStartString"
                  [max]="dateFutureString"
                  (ionChange)="onDateStartChange($event)" 
                >
                  <span slot="title">Select a membership/pass start date</span>
                </ion-datetime>
              </ng-template>
            </ion-modal>
          </ion-col>

部分修复:我设法得到它部分修复使用这个,但它只工作,如果你关闭,然后重新打开离子日期时间。

ion-datetime {

  &:not(.datetime-placeholder) {
    color: black;
  }
}

更新:颜色在css中设置为currentcolor。

2sbarzqh

2sbarzqh1#

我已经找到了问题的原因。我在包含元素中使用了 * ngif。
我已经取代了

<ion-col *ngIf="startDateType === 'future'" class="date-start-container">

<ion-col class="date-start-container" [ngClass]="{'hide-me': startDateType !== 'future'}">

.hide-me {
  display: none!important;
}

相关问题