自定义pagination时如何控制文本大小和颜色？

在Swiper中自定义pagination时，如果你想要控制文本大小和颜色，可以在`customBulletRender`函数中直接操作生成的HTML元素，并应用相应的CSS样式。这里是一个例子：

var swiper = new Swiper('.swiper-container', {
  pagination: {
    el: '.swiper-pagination-custom',
    customBulletRender: function (index, className) {
      var dot = document.createElement('span');
      dot.className = 'custom-dot';
      dot.textContent = index + 1; // 文本内容

      // 控制文本样式
      dot.style.fontSize = '14px'; // 设置字体大小
      dot.style.color = '#333'; // 设置文字颜色

      // 根据需求调整其他样式，如背景色、边距等
      // ...

      return dot;
    }
  }
});

确保在CSS中定义了`.custom-dot`类，例如：

.custom-dot {
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

这将让你的指示器显示为指定字体大小和颜色的文本。你可以随时修改`dot.style`对象的值来调整样式。