使用swiper的问题

老师你好

.swiper{    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */    --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */    --swiper-navigation-size: 30px;/* 设置按钮大小 */  }

这些属性，为什么跟我们平时写的属性不一样，它这种是什么写法？为什么它是在.swiper中写的。

还有，如果我们要自己定义左右按钮的样式，比如用自己的小图标，该怎么设置？

同学你好，对于你的问题解答如下：

1、因为平时我们都是使用css提供的属性，这种写法是css中自定义属性的写法，可以参考MDN上的解释理解

2、因为swiper底层源码实现时自定义了这些属性，官方文档上推荐在.swiper中书写，来设置与swiper相关的样式。

3、可以通过控制台检查样式，然后覆盖原有的样式，设置自定义的样式即可。示例：

然后引入自己的图标即可，以直接引入图片为例，如下：

祝学习愉快~