swiper轮播怎么让箭头再鼠标指上去后显示

前言

最近在使用swiper时有这么一个需求，我想要鼠标指向轮播图后在出现左右箭头

 

解决方法

一开始想着官方肯定有相应配置，后来没在官网找到，可能也是因为懒，觉得配置太多，不想一个个找，

然后去百度也没有找到怎么配置，最后自己就用简单粗暴的方式，css hover完美解决 

.swiper-button-next,
.swiper-button-prev {
display: none;
color: #56cfe1;
}
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
display: block;
color: #56cfe1;
}

 

有需要的朋友可以领取支付宝到店红包，能省一点是一点