我正在寻找是否可以使用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>
请查看照片;我希望能够将所选内容的颜色从黄色更改为红色。
答案 0 :(得分: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;
}
如果仅在此特定用例中需要覆盖它,则可能需要添加更多选择器