如何将自己的图像用作 slick.js 中的 prev/next 箭头？

Question

这是我现在拥有的：

JSFiddle : 当我使用 font-awesome

JSFiddle_2 ：当我尝试使用图像背景时

目前，我使用 font-awesome 作为箭头，现在我想加载我自己的图标。

我试过了，但没有成功：

我已经苦苦挣扎了好一阵子了。我希望有人能帮我解决这个问题。

提前致谢。

Answer 1

基本上你需要做的就是把伪元素的content属性改成合适的图片url(s).

.slick-next:before {
    content:url(http://lorempixel.com/20/20/);
}
.slick-prev:before {
    content:url(http://lorempixel.com/20/20/);
}

JSFiddle Demo