如何更改ngx-daterangepicker-material下拉日历的样式

Question

我需要更改日历的一些样式，如顶部、左侧和宽度。我该怎么做？

这是我的日期范围选择器。向其中添加类和添加样式不会更新下拉日历。

<div>
    <input type="text"
    ngxDaterangepickerMd
    [(ngModel)]="selected"
    [showCustomRangeLabel]="true"
    [ranges]="ranges"
    [showClearButton]="true"
    [showCancel]="true"
    [maxDate]="maxDate"
    [minDate]="minDate"
    [linkedCalendars]="true"
    (datesUpdated)="datesUpdated($event)"
    readonly/>
</div>

Answer 1

As指令将放置日历的内容。你可以修改那些内容附带的类。因为该内容的主div有一个md-drppicker类，所以您可以使用这个类来更新styles.css文件中的样式。

.md-drppicker {
  top:0;
}