How to change backgroud color of nz-range-picker?

New to web development, and new to using ng-zorro.

In my project, I'm using nz-range-picker of ng-zorro. I want to change the default color to my customed color.

HTML sample code:

<nz-range-picker [ngModelOptions]="{ standalone: true }" [(ngModel)]="date"
[nzPlaceHolder]="[t('fault.date_start'), t('fault.date_end')]" (ngModelChange)="onChange($event)">
</nz-range-picker>


ant-calendar doesn't work, I even couldn't use F12 to inspect the related elements...

::ng-deep .ant-calendar {
background-color: rgba(36, 40, 48, 1);
color: white;
}


My question is how to How change background color of nz-range-picker? The actual effect picture go to the link.

And a more common question is how to use chrome F12 to inspect the related instantly elements since it disappears fastly.

Thanks!

Continue reading...