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

<style type="text/css">
  .swiper-container{
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 默认是44px */
  }
</style>

有时按钮不想放在container之内，点击时可能会有蓝色的边框，加上样式outline: none 可以去除。