光滑的轮播 - 如何更改默认按钮

Question

我第一次与Slick Carousel合作。我目前正在处理的项目需要通过CDN加载的大部分文件。如何更换＆＃34; Next＆＃34;的默认按钮？和＆＃34;以前＆＃34;那是通过他们托管的Jquery加载的？

截至目前，它只是一个带文字的按钮，我想用FontAwesome箭头图标替换它。

<h1> One Slider At a Time </h1>
<div class="slider">
    <div><h3>1</h3></div>
    <div><h3>2</h3></div>
    <div><h3>3</h3></div>
  </div>

这是我的Demo

Answer 1

使用CSS指定content和.slick-prev::before的{​​{1}}：

.slick-next::before

https://jsfiddle.net/ryanpcmcquen/z6qoz1mh/

如果您只想使用FontAwesome load that in并将unicode字符指定为内容，例如：

.slick-prev::before {
  content: "<";
}
.slick-next::before {
  content: ">";
}