欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue使用swiper插件修改左右箭头的默认样式

程序员文章站 2022-07-10 22:32:48
...
效果图

vue使用swiper插件修改左右箭头的默认样式

修改箭头的背景,以及颜色
.swiper-button-prev, .swiper-button-next{
    color: #fff;
    background: #5e5f5e;
}
修改箭头的大小
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 14px;
}