html - Tiny Slider - Font Awesome 控制按钮

Question

我想在 Tiny Slider 插件上的上一个和下一个按钮上使用 font-awesome，而不是文本或图像。

我尝试了以下不起作用：

<div id="controls">
  <!--<button class="previous">Prev</button>-->
  <i class="fas fa-chevron-left previous"></i>
</div>

<div class="slider">
  <article>
    <img src="1.jpg" />
  </article>
  <article>
    <img src="2.jpg" />
  </article>  
</div>

<script type="module">
  var slider = tns({
    container: '.slider',
      controlsContainer: '#controls',
      prevButton: '.previous',
  });
</script>

如何使用 font-awesome 而不是文本或图像来完成这项工作？

标签： htmlcsstiny-slider

Answer 1

您是否只是这样尝试过：

<div id="controls">
  <button class="previous"><i class="fas fa-chevron-left"></i></button>
</div>