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

Question

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

更改后，离子选择器的背景也发生了变化。

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

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

picker = {
    cssClass: 'checkout-picker'
}

正如文档所说，我试图改变背景：

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

没啥事儿。

该怎么办？

标签： angularionic-frameworkionic4css-variables

Answer 1

试试这个方法

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