Css 当激活时，如何将ionic slider寻呼机点/圈的颜色更改为黄色，不激活时如何更改为白色？

所以我有这个幻灯片框，你可以看到寻呼机的点/圆出现，而我不需要包括

：

您是否尝试过：

.slider-pager .slider-pager-page     {
    stroke: #9f0 !important;
}

这似乎对这里的人有用

---

也许这会对你有所帮助。

我相信slider pager应该可以工作。试试这个：

.slider-pager-page
{
  color: white;
  fill: #f90;
  stroke: red;
  background-color: blue;
}
.slider-pager-page.active
{
  fill: #f90;
  stroke: red;
  color: blue;
  background-color: red;
}

---

我加入了一些背景色，以便您更容易识别。

在Ionic 3中，使用以下类别：

.swiper-pagination-bullet {
    background: white;
    opacity: 0.5;
  }

  .swiper-pagination-bullet-active {
    opacity: 1;
    background: white;
  }

---

爱奥尼亚提供了CSS类，我们可以覆盖这些类来应用颜色。 我已将分页类型设置为项目符号（ionic已将其设置为默认值）。您可以将相同的技术应用于其他人

//Inactive bullet
.swiper-pagination-bullet {
    color: grey;
   }  

//active bullet
.swiper-pagination-bullet-active {
    color: red;
   }

---

对于使用Ionic 4的用户，您需要在

Ionion幻灯片中设置颜色，如下所示：

ion-slides {
   --bullet-background: white;
   --bullet-background-active: yellow;
}

有关爱奥尼亚-5的更多详细信息，请将代码放入variables.scss

ion-slides {
  .swiper-slide, .swiper-pagination {
     --bullet-background: #ED1C24;
     --bullet-background-active: #662D91;
   }
}

是的，我已经检查了那个链接，但它对我的案例没有任何作用，因为当我尝试使用它时，它会弄乱我的html，正如你们在原始帖子中看到的，无论如何，谢谢！感谢你的工作，但非活动点仍然相同的颜色（黑色）如何给每个子弹的边框颜色@JekaI希望在Ionic框架上创建相同的简介应用程序，底部有两个按钮。。。。请共享您的教程链接或gitub链接或任何链接。。。在那里我可以得到演示代码。。。感谢@Sophie，也许你可以为我们和社区制作一个教程。我想做一个这样的介绍。谢谢我在
global.scss
文件中尝试了这个方法，但没有成功。我不明白为什么。我需要在
page.scss
文件中执行此操作。
//Inactive bullet
.swiper-pagination-bullet {
    color: grey;
   }  

//active bullet
.swiper-pagination-bullet-active {
    color: red;
   }

ion-slides {
   --bullet-background: white;
   --bullet-background-active: yellow;
}

ion-slides {
  .swiper-slide, .swiper-pagination {
     --bullet-background: #ED1C24;
     --bullet-background-active: #662D91;
   }
}