滑雪板:如何在里面而不是外面设置箭头？

Question

嗨，我发现滑块很容易使用，所以决定在我一直在做的网站上使用：http://smallbuildersdev.esy.es/。

您可以在页面底部看到滑块。我只有一个问题。我希望箭头在滑块内，而不是在滑块之外(这也意味着当内容从一个看不见的硬边滑行时)。有没有办法把箭头放在里面，这样我就可以占据整个页面的宽度(所以当滑动时没有硬边可以看到)？以下是光滑滑块的链接：http://kenwheeler.github.io/slick/

如果你也看到光滑的滑块网页，左右箭头都在滑块的外面。

Answer 1

我认为您可以简单地更改CSS样式。

.slick-prev {
    left: 100px;
    background: red; /*to notice it, is white*/
}
.slick-next {
    right: 100px;
    background: red; /*to notice it, is white*/
}

Answer 2

将z-index: 1添加到UberKaeL的答案中，以强制在图像顶部显示prev-箭头。

.slick-prev {
  left: 100px;
  background: red; /*to notice it, is white*/
  z-index: 1;
}
.slick-next {
  right: 100px;
  background: red; /*to notice it, is white*/
}

Answer 3

我尝试了接受的答案，发现我的css没有生效。我最终使用了！重要的是让箭头变得可见..。

.slick-prev {
    left: 100px !important;
    background-color: red  !important; /*to notice it, is white*/
}
.slick-next {
    right: 100px !important;
    background-color: red  !important; /*to notice it, is white*/
}