Slick轮播 - 隐藏控件?

37

是否有任何选项可以停止Slick添加下一个和上一个按钮? 我似乎无法通过CSS隐藏它们。

<button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button>


8
.slick({arrows: false}) - YOU
你目前做了什么?请与我们分享。 - ahmednawazbutt
11个回答

0
just type this css...

.slick-arrow{
display: none !important;
}

OR

.slick-next, .slick-prev {
display: none !important;
}

注意:在这里你需要输入“!important”,否则“display:none”属性不会应用于它,而是会应用slick滑块箭头按钮的默认CSS样式。现在你还可以转到slick滑块的js代码中,写上arrow:false。但是这样做的问题是它将移除通过按钮左右移动幻灯片的功能。所以如果你想隐藏按钮但仍然具有箭头按钮的功能,以便将它们分配给其他按钮,这是正确的做法。希望这对你有帮助。如果有帮助,请点赞并标记为正确,以便其他人也能从中受益!

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接