css - 如何更改 ngBootstrap datepicker 边框半径

Question

我想将 ngBoostrap 日期选择器的 border-radius 设置为 0。

CSS:

[_nghost-c9] {
   border-radius: 0.25rem;
}

HTML:

<ngb-datepicker _ngcontent-c7="" tabindex="0" _nghost-c9="" class="ng-untouched ng-pristine ng-valid">
</ngb-datepicker>

我不想更改 ngBootstrap 的任何代码。有没有关于如何覆盖此 css 的方法？

Answer 1

试试这个 Example Link here

将类添加到名为 c-datepicker 的 ngb-datepicker

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

添加CSS

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