使用jQuery插件光滑輪播自定義箭頭和圓點

Question

如何在圓滑的輪播jquery插件中自定義下一個和上一個箭頭？ 我嘗試修改slick.css文件，但得到的結果很奇怪。

我想為箭頭和點添加自定義圖像，以及修改滑塊和箭頭之間的邊距。

Answer 1

檢查元素，您將看到按鈕：

class="slick-prev slick-arrow"

該類還具有帶有圖像的偽元素（檢查內容：“←”;。要覆蓋，可以在自己的CSS中執行。

.slick-prev{
  width:20px;
  height:20px;
  background:url(/url/to/your/image.png);
}

.slick-prev:before{
  content:none;

}

這樣，您可以刪除當前箭頭並將背景圖像放置在按鈕內。 或者，您也可以在偽標簽上放置背景圖片。