ionic2 - Ionic 2 - 幻灯片如何更改分页进度颜色?

标签 ionic2

我在幻灯片中设置了 paginationStyle="progress" 如何更改进度条的颜色?

<ion-slides #exercisesSlider pager paginationType="progress">

有人可以给我提供一种改变进度条颜色的方法吗?

最佳答案

Ionic 使用 Swiper API 幻灯片。因此,您可以选择使用类名 swiper-pagination-progressswiper-pagination-progressbar,如下所示:

.swiper-pagination-progress .swiper-pagination-progressbar {
  background:red;
}

关于ionic2 - Ionic 2 - 幻灯片如何更改分页进度颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44296672/

相关文章:

android - 如何使用 Ionic 2 增加 Android 应用程序图标中的徽章计数通知?

npm - Ionic 2 升级放置打字的位置

javascript - 无法读取未定义的属性 'scrollToBottom'”

angular - 如何在 ionic 2 中创建叠加页面?

typescript - Ionic 2 - 设置超时以在 X 秒后将页面弹出到 root

html - 禁止触摸元素的伪内容

ios - ionic 构建 ios 成功,但 ionic 构建 ios --release 失败

angularjs - Angular 2(Ionic 2)在显示页面时调用页面中的函数

angular - ionic 3 中没有 CallNumber 的提供者

javascript - Angular 2 Ionic 2 - 如何将日期输入的最大或最小日期设置为今天?