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;
}

 

有需要的朋友可以領取支付寶到店紅包，能省一點是一點