最近在项目中使用到了轮播图的轮子swiper,但是下面的自带箭头真的是丑爆了:

是这种蓝色的,极其丑
修改的办法:
先给上siwper的代码:

在最外层的wrapper中加入以下的样式:

让导航的箭头的size为0
接下来自己去网上找个箭头的图,比如iconfont,像下面这样就行了:
即箭头的图片当作背景图就好了
最终效果:
完美解决!!!
本文介绍如何通过CSS调整swiper轮播图自带箭头的样式,将其替换为自定义图标,提升用户体验。作者分享了代码示例和详细步骤,让你的轮播图焕然一新。
最近在项目中使用到了轮播图的轮子swiper,但是下面的自带箭头真的是丑爆了:

是这种蓝色的,极其丑
先给上siwper的代码:

在最外层的wrapper中加入以下的样式:

让导航的箭头的size为0
接下来自己去网上找个箭头的图,比如iconfont,像下面这样就行了:
即箭头的图片当作背景图就好了
最终效果:
完美解决!!!

被折叠的 条评论
为什么被折叠?