Ionic 4 ion-DatePicker自定义颜色

Question

我正在寻找是否可以使用CSS将ionic 4中的日期选择器颜色更改为另一种颜色。

这是我的代码；

<ion-item>
    <ion-icon name="time"></ion-icon>
    <ion-label style="padding-left: 10px;">Pickup Time</ion-label>
    <ion-datetime class="picker-color" [value]="today" minuteValues="0,15,30,45" displayFormat="h:mm:a"></ion-datetime>
</ion-item>

请查看照片；我希望能够将所选内容的颜色从黄色更改为红色。

Answer 1

您可以在global.scss内部添加样式覆盖：

.picker-opt.picker-opt-selected, .picker-prefix, .picker-suffix {
    color: red;
}

.picker-button.sc-ion-picker-md, .picker-button.activated.sc-ion-picker-md {
    color: red;
}

如果仅在此特定用例中需要覆盖它，则可能需要添加更多选择器