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