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

如果您只需要在这个特定用例中覆盖它，您可能需要添加更多选择器

Ionic 4 ion-DatePicker自定义颜色

Ionic 4 ion-DatePicker customize color

datepicker

ionic-framework

angular

ionic4