Javascript 如何向滑动条添加箭头

我正在使用一个名为'slick'（）的jquery插件，使用django和Bootstrap3模板，制作一个幻灯片演示。我有一个使用django模板的基本旋转木马，它看起来像：

  <div class="your-class">
    <div>your content</div>
    <div><IMG src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSj2c33fdt1ugB8VBuE5V37wnmPoxWMknX9JnGycNiH2yr3BpDKVA"></div>


    <div>your content</div>
  </div>

你的内容
你的内容

我有一把小提琴

---

我想知道是否有办法在幻灯片的左右两侧添加箭头，如上的第一个示例（单个项目）。我只能看到幻灯片下方的“上一页”和“下一页”按钮。您的箭头已经在那里，它们是页面底部的“上一页”和“下一页”按钮。您需要包含slick-theme.css，或者自己通过css设置样式。

slick-theme.css中的按钮颜色为白色，因此在白色背景上不可见

更改此处按钮的颜色或在您自己的样式表中覆盖，如下所示：

.slick-prev:before, .slick-next:before {
    color: #000000;
}

在这里我尝试css代码

    .slick-prev{
    background:#000;
    width:50px;
    height:50px;
    position:absolute;
    left:0;
    top:50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    }
.slick-next{
    background:#000;
    width:50px;
    height:50px;
    position:absolute;
    right:0;
    top:50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    }

注意

给他们的家长上课

职位：相对

---

您还可以根据需要设置左右位置。

Ya它们就在那里。您只需要设置主题的样式OK，我已经包括了slick主题，以及bootstrap3（），但是我没有看到任何变化。这是因为它没有正确加载，我指的是css文件。而且，即使您要加载slick-theme.css，您仍然需要使用背景来设置.slick-prev和.slick-next类的样式，比如background:url（'images/prev_-arrow.png'）；嗨，布兰奇，我不太懂CSS。为什么没有正确加载？我在控制台中没有看到任何错误。