swiper修改轮播图箭头的大小和颜色

遇到的问题：写响应式页面时需要将swiper的箭头按需要缩小到一定的比例。

解决：

修改箭头的大小：

划重点：一定要在原css中就写上去，不然单独写到媒体查询里没有用。

.swiper-button-prev:after, .swiper-button-next:after {

        font-size: 25px!important;

    }

写到原css样式中，再写到媒体查询对应的地方，即可。

修改箭头的颜色：

这个不用写到原生css样式中，直接在style中写就可以。

.swiper-button-next, .swiper-button-prev{

    color: #FFFF00!important;

}

效果：

转载自：https://www.cnblogs.com/mdr86553/p/13692326.html