Ionic 4 ion-DatePicker 自定义颜色答案

【问题标题】：Ionic 4 ion-DatePicker customize colorIonic 4 ion-DatePicker 自定义颜色
【发布时间】：2020-04-17 19:18:07
【问题描述】：

我正在寻找是否可以使用 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>

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

【问题讨论】：

标签： angular ionic-framework datepicker ionic4

【解决方案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;
}

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

【讨论】：

@EdoardoMastrandrea 你能用你的具体代码和离子版本发布一个 q