如何设置 Ionic 4 嵌套组件的样式

How to style Ionic 4 nested components

我在设计 Ionic 4 组件的样式时遇到了一些麻烦。 我更改了全局变量:主要颜色、次要颜色和背景颜色。

修改后,ion-picker背景也改变了。

我必须将 pickerOptions 添加到 ion-date:

<ion-datetime [pickerOptions]="picker"></ion-datetime>

picker = {
    cssClass: 'checkout-picker'
}

比起我尝试更改背景,正如 docs 所说:

.checkout-picker {
    --background: white !important;
}

什么都没发生。

怎么办?

试试这个方法

::ng-deep .checkout-picker {
    --background: white !important;
}