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

【问题标题】：how to change the styling of the drop down calendar of the ngx-daterangepicker-material如何更改 ngx-daterangepicker-material 的下拉日历的样式
【发布时间】：2020-04-03 07:20:30
【问题描述】：

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

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

<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>

【问题讨论】：

这就是你使用的npmjs.com/package/ngx-daterangepicker-material？
@Awai 是的，就是这个。
好的，然后尝试更改对日期选择器结构影响较小的样式，因为如果您设置自定义左上角宽度等会产生问题

标签： javascript css angular typescript angular-material

【解决方案1】：

As 指令将放置日历的内容。您可以破解内容附带的那些类。由于该内容的主 div 有一个 md-drppicker 类，您可以使用该类来更新 styles.css 文件中的样式。

.md-drppicker {
  top:0;
}

【讨论】：