如何更改 NGX-日期范围选择器-材质的下拉日历的样式

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，因此您可以使用此类来更新样式.css文件中的样式。

.md-drppicker {
top:0;
}