如何移除Splide.js轮播组件（Slider/Carousel）的控制按钮

其实Splide.js本身就提供了控制按钮的开关配置，可能你没留意到文档细节，这里给你两种靠谱的解决方法：

方法1：通过初始化配置直接禁用（推荐） #

在初始化Splide实例时，添加arrows和pagination配置项并设为false，就能直接移除箭头按钮和分页指示器：

new Splide( '#your-splide-container', {
  autoplay: true,
  arrows: false, // 关闭箭头控制按钮
  pagination: false, // 关闭分页指示器
} ).mount();

方法2：用CSS强制隐藏 #

如果配置项因自定义主题等原因没生效，可以直接用CSS选择器隐藏对应控件：

/* 隐藏箭头按钮 */
.splide__arrows {
  display: none !important;
}

/* 隐藏分页指示器 */
.splide__pagination {
  display: none !important;
}

优先选配置项的方式，这是官方设计的标准用法，不会有样式残留问题。

内容的提问来源于stack exchange，提问作者Akirambur