Css 如何更改ngBootstrap日期选择器边界半径

我想将ngBoostrap日期选择器的边界半径设置为0

CSS:

HTML:

我不想更改ngBootstrap的任何代码。是否有一种方法可以覆盖此css？

如下所示

ngb-datepicker[_nghost-c9] {
  border-radius: 0.50rem;
}

这应该行得通

您甚至可以将任何父类、标记等添加到选择器中

div [_nghost-c9]{}

或者将类添加到元素中，如下所示

.my-class[_nghost-c9]{}

试试这个

将类添加到名为

c-datepicker

<ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = $event.next" class="c-datepicker"></ngb-datepicker>

.my-class[_nghost-c9]{}

<ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = $event.next" class="c-datepicker"></ngb-datepicker>

.c-datepicker{
  border-radius:0!important;
}