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

Table of Contents

遇到的问题

写响应式页面时需要将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【点击购买】

`微信`扫码加好友

推荐站点

选择您的网站托管解决方案，打造完美网站！从共享主机和域名到VPS – 我们拥有您网上成功所需的一切 […]

Vultr Global Cloud Hosting – Brilliantly Fast SSD […]

阿里云——阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司之一。提供免费试用、云服务器、云数据库、云 […]

Helping millions of developers easily build, test, mana […]

主机商介绍：RAKsmart是知名的美国服务器租用商，包括美国站群服务器、美国cn2服务器、香港服务器等热门产 […]

Deploy more with Linux virtual machines, global infrast […]