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

已发布

分类

作者:

评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注