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

腾讯云限时秒杀【点击购买】

搬瓦工,CN2高速线路,1GB带宽,电信联通优化KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

Vultr$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付¥288【点击购买】


`微信`扫码 加好友,入群
WordPress插件主题开发定制
Linux服务器配置迁移
扣扣群 665443669

发表评论

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