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

Question

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

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

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

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

picker = {
    cssClass: 'checkout-picker'
}

比起我尝试更改背景，正如 docs 所说：

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

什么都没发生。

怎么办？

Answer 1

试试这个方法

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