гладкая карусель - скрыть управление?

Question

Есть ли какие-либо опции, чтобы остановить пятно добавления & предыдущие кнопки? Я не могу скрыть их через css.

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

Answer 1

Добавить prevArrow: false и nextArrow: false где вы называете карусель. Ex)

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

Я добавил dots: false в случае, если вы хотите, чтобы удалить это.

Answer 2

вы хотите, чтобы скрыть кнопки Do? Тогда попробуйте этот CSS:

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

Answer 3

У меня были проблемы с пряча кнопки с помощью JavaScript, поэтому я стараюсь использовать его с помощью CSS

.slider button{ 
    display: none; 
} 

, но это не сработало, так что я использую

.slider button{ 
    visibility: hidden; 
} 

Это не указатель так что вам будет хорошо идти.

Answer 4

, если вы хотите, чтобы избавиться от обеих стрел:

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

Answer 5

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

Answer 6

Чтобы скрыть кнопки, используя только CSS, это работает для меня:

nav.slick__arrow { 
    height: 0; 
    overflow: hidden; 
} 

Я также использовал:

nav.slick__arrow, ul.slick-dots { 
    display: none!important; 
}