如何更改离子滑块的颜色和大小

Question

我的 intro-page.scss 中有这段代码，我应该能够更改离子子弹的颜色，但它不起作用

.swiper-pagination-bullet {
   background: #37469B;
}

.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: transparent;
}

Answer 1

尝试这个：

:host ::ng-deep .swiper-pagination{
    bottom: 10%;
    .swiper-pagination-bullet {
        --bullet-background: #000000;
        width: 20px ;
        height: 20px ;
    }

    .swiper-pagination-bullet-active {
        width: 20px ;
        height: 20px ;

    } 
}