css - 滑らかなカルーセル - コントロールを非表示にしますか?

Question

次と前のボタンをスムーズに追加するのをやめるオプションはありますか? cssでそれらを隠すことはできないようです。

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

Answer 1

カルーセルを呼び出す場所にprevArrow: falseandを追加します。nextArrow: false元）

$('.slider').slick({
    dots: false,
    prevArrow: false,
    nextArrow: false
});

dots: falseそれも削除したい場合に備えて追加しました。

Answer 2

ボタンを非表示にしますか? 次に、次の CSS を試してください。

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

Answer 3

$('.slider').slick({
 arrows: false
});

Answer 4

JavaScript を使用してボタンを非表示にするのに問題があったので、CSS で使用してみます

.slider button{
    display: none;
}

、しかし、これはうまくいかなかったので、私は使用します

.slider button{
    visibility: hidden;
}

ポインター イベントがないので、問題なく使用できます。