swiper自定义分页器样式修改

admin2022-04-26232

swiper自定义分页器的样式默认是3个原点,有时候我们可能需要把它修改成长条,有时候我们需要给它改变颜色,这时候我们用css的方式进行修改即可。

例子如下:

.swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
}

说明:一定要从swiper-pagination这个选择器开始,如果直接使用swiper-pagination-bullet-active选择器,我操作的是没有效果的,而从swiper-pagination开始就可以,具体原因我也不知道为什么。

网友评论