как изменить границу-радиус в датчике ngBootstrap

Question

Я хочу установить в качестве границы-радиуса указателя даты ngBoostrap значение 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

попробуйте Пример Ссылка здесь

добавить класс к ngb-datepicker с именем c-datepicker

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

добавить css

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

Answer 2

как показано ниже

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

это должно работать

вы даже можете добавить любой родительский класс, тег и т. Д. В ваш селектор

div [_nghost-c9]{}

или добавьте класс к вашему элементу, назовите его как

.my-class[_nghost-c9]{}