ion 4 ion-DatePicker自定义颜色

Question

我想看看是否可以使用css将ionic 4中的datepicker颜色更改为另一种颜色。

这是我的代码；

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

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