javascript - 如何更改 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;
}