javascript - 自定义 Swiper.js 进度条

Question

我在这里使用 swiper.js 构建了一个简单的滑块：

http://advancedflightnz.flywheelsites.com/Swiperjs/Slider.html

如您所见，进度条的“包装”具有圆形边缘，但突出显示的内部条没有。

我已经完成了我能想到的每一个 css 解决方法，但我什么也没想出来，希望比我更聪明的人曾经来过这里。

谢谢 ：）

Answer 1

虽然它不是很明显，但如果你真的想要它，请在 css 中覆盖以下内容

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
border-radius : 0 !important;
}