如何覆盖ngx轮播CSS来禁用导航

Question

我在我的角度项目中使用了ngx轮播，并且想禁用导航箭头。我已经尝试了以下代码，但没有用

 .carousel-control {
 display: none;
 }

看来我的CSS无法覆盖ngx引导CSS。 有人可以帮我吗

Answer 1

尝试

::ng-deep .carousel-control {
  display: none;
}

但是FYI ng-deep并不是一种好的处理方式，理想情况下，ngx轮播中应该有@Input字段，以便您可以配置导航。

Answer 2

您可以使用

:host ::ng-deep {
    .carousel-control {
        display: none;
     }
}

如果使用:: ng-deep组合器而不使用：host伪类选择器，则样式可能会渗入其他组件。