Angular 如何更改ngb数据采集器导航箭头的颜色?

Angular 如何更改ngb数据采集器导航箭头的颜色?,angular,ng-bootstrap,ngb-datepicker,Angular,Ng Bootstrap,Ngb Datepicker,我在一个项目上使用这个(范围选择),导航栏中箭头的蓝色不是正确的颜色,我想更改它。我在谷歌上搜索,在这里我找不到解决我问题的答案 我有这个HTML: <div id="calenderDisplay"> <ngb-datepicker #dp (select)="onDateSelection($event)" [displayMonths]="2" [dayTemplate]="t" outsideDays="collapsed"></ngb-datepick

我在一个项目上使用这个(范围选择),导航栏中箭头的蓝色不是正确的颜色,我想更改它。我在谷歌上搜索,在这里我找不到解决我问题的答案

我有这个HTML:

<div id="calenderDisplay">
  <ngb-datepicker #dp (select)="onDateSelection($event)" [displayMonths]="2" [dayTemplate]="t" outsideDays="collapsed"></ngb-datepicker>

  <ng-template #t let-date let-focused="focused">
    <span class="bnt-link" style="color: #12A19A !important;"></span>
    <span class="custom-day"
         [class.focused]="focused"
         [class.range]="isRange(date)"
         [class.faded]="isHovered(date) || isInside(date)"
         (mouseenter)="hoveredDate = date"
         (mouseleave)="hoveredDate = null">
            {{ date.day }}
    </span>
  </ng-template>
</div>

我不知道如何更改

中蓝色箭头的颜色,您将需要使用::ng deep伪类选择器以组件的子级为目标。此处描述了该过程的描述: 请注意::ng deep将很快进行去润滑和移除。我的理解是,目前还没有替代解决方案,因此目前,我们需要继续使用它

编辑:这段代码在我的项目中起作用,我把它放在组件的CSS中,我称之为ngb日期选择器:

::ng-deep div.ngb-dp-arrow > button {
  color: red;
}

尝试检查元素并找到箭头的id,这样您就可以在cssI上更改您编写的代码,但它对meCan不起作用。请进一步解释,以便我可以尝试帮助您?我编辑了我的答案,以反映更改V形箭头按钮的实际代码。很好,现在它可以工作了。我把这段代码放在通用css中,不起作用,但当我把它放在组件的css中时,它就起作用了!!非常感谢你!!
::ng-deep div.ngb-dp-arrow > button {
  color: red;
}