Angular ngx-swiper-wrapper箭头样式更改

Question

我之前创建了一个swiper (ngx-swiper-wrapper)，并通过以下方式更改了箭头的颜色：

::ng-deep.swiper-button-next::after, ::ng-deep.swiper-button-prev::after {
      color: $primary-light;
}

现在，我在不同的页面上创建了另一个颜色应该是黑色的页面。问题是，当我用第一个刷子访问页面，然后用第二个刷子导航到另一个页面时，颜色仍然是白色。

有没有更好的方法来改变颜色或解决办法？

谢谢

Answer 1

我已经遇到了同样的问题，并花了几天时间寻找更好的解决方案，直到我找到一个，它工作得很好，不需要更改svg图像或其他东西只需将以下代码添加到您的css文件中：

::ng-deep .swiper-button-next,
 ::ng-deep .swiper-button-prev {

    color: #207868 !important;
}

:root {
    --swiper-theme-color: #207868 !important;
}

Answer 2

我试了一下，改变了一些东西，它起作用了：

::ng-deep .swiper{

    .swiper-button-next::after,
    .swiper-button-next::after{
         color: #207868;
         or
      --swiper-theme-color: #207868;
    }
}