修改swiper框架轮播图小圆点的样式

html代码



   

      

      

      

   
   

   

 

修改的css样式

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
   width: 0.4rem;
   height: 0.3rem;
   border-radius: 50%;
}
.swiper-pagination-bullet-active {
   background: rgb(235,111,111);
   width: .8rem !important;
}