使用jquery插件光滑轮播自定义箭头和点

Question

如何在光滑的carousel jquery插件中自定义下一个和上一个箭头？我尝试修改slick.css文件，但结果很奇怪。

我想为箭头和点添加自定义图像，以及修改滑块和箭头之间的边距。

Answer 1

检查元素，您将看到按钮：

class="slick-prev slick-arrow"

该类还有一个伪元素，图像打开（检查内容：＆＃34;←＆＃34 ;;。要覆盖你可以在你自己的CSS中。

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

.slick-prev:before{
  content:none;

}

这样您就可以删除当前箭头并在按钮内放置背景图像。或者您也可以在伪标签上放置背景图像。