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;
    }
}