如何设置 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;
}