Angular5 ng-bootstrap, карусельные индикаторы с точками

Question

Я пытаюсь настроить индикаторы карусели, это должны быть точки, а не линии, и пытаюсь изменить цвет.

Ниже приведен пример работающей карусели.

https://codesandbox.io/s/149o1qzr4l

Answer 1

Как @ iBlehhz говорит добавить / глубокий / infront css.Возможно :: ng-deep также работает.Работал на меня.

Answer 2

Попробуйте добавить это в вашем styles.css

.carousel-indicators li {
  width : 2px!important;
}

Если вы хотите изменить цвет точек, например, на черный, то -

.carousel-indicators li {
  width : 2px!important;
  background-color: black;
}

Если вы хотите изменить цвет активного слайда / точки, например, на желтый, то -

.carousel-indicators .active {
  width : 2px!important;
  background-color: yellow;
}