Angular 如何更改ngb数据采集器导航箭头的颜色?
我在一个项目上使用这个(范围选择),导航栏中箭头的蓝色不是正确的颜色,我想更改它。我在谷歌上搜索,在这里我找不到解决我问题的答案 我有这个HTML: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
<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;
}