欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

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

(元素模板) / 2023-03-09 15:57
如何修改swiper轮播图箭头的大小和颜色
swiper  箭头使用的是 用的svg代码如何修改颜色和大小呢?

修改箭头的大小

划重点:一定要在原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;
}
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com