如何更改ngBootstrap datepicker border-radius

Question

我想将ngBoostrap datepicker的border-radius设置为0。

CSS：

x

HTML：

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

我不想更改ngBootstrap的任何代码。有没有一种方法可以覆盖这个css？

Answer 1

试试这个Example Link here

将类添加到名为ngb-datepicker的{​​{1}}

c-datepicker

添加css

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

Answer 2

如下所示

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

这应该有效

您甚至可以将任何父类，标签等添加到选择器

div [_nghost-c9]{}

或将元素添加到元素中称之为

.my-class[_nghost-c9]{}