как оформить точки в слайдере без слайдера стиля

Question

Когда я стилизирую точки с помощью класса .slick-active, мой карусельный фон тоже стилизуется.Как я могу удалить фон из слайдов и иметь фон в многоточии?

.slick-active{
    width: 1.333rem;
    height: 1.333rem;
    background: #23aae2;
    border-radius: 50%;
}

.comment__choise li{
    display: inline-block;
    width: 1.333rem;
    height: 1.333rem;
    border: 0.067rem dashed #23aae2;
    border-radius: 50%;
    margin-right: 5px;
}

JS код

$(document).ready(function(){
$('.single-item').slick({
dots: true,
dotsClass: 'comment__choise > li',
infinite: false,
});
});

Я решаю свою проблему с помощью следующего кода

.slick-active{
width: 1.333rem;
height: 1.333rem;
background: #23aae2;
border-radius: 50%;
}

.slick-current{
background: #fff;
}

введите описание изображения здесь

Answer 1

Я не могу понять с помощью данной информации, как большой div использует стиль, применяемый для точек, но вы можете попробовать добавить это,

#slick-slide00, #slick-slide01, #slick-slide02, {
background: #fff;
border-radius: 0px;
}