не может изменить стили точек в react-elasti c -carousel

Question

Я использую react-elasti c -carousel для проекта и не могу найти способ изменить цвет точек (разбиение на страницы). Как изменить цвет точек и активный?

import React, {Component} from 'react';
import Item from '../Item/Item';
import Carousel from 'react-elastic-carousel';

import classes from './Test.module.css';

class Gallery extends Component {

    render() {
        return (
            <div>
                <Carousel
                    itemsToShow={1}
                    style={{backgroundColor: 'red', color: 'white'}}
                >
                    <Item>1</Item>
                    <Item>2</Item>
                    <Item>3</Item>
                    <Item>4</Item>
                    <Item>5</Item>
                    <Item>6</Item>
                </Carousel>
            </div>
        )
    }
}

export default Gallery;

Answer 1

Вы можете изменить цвет точек разбивки на страницы, отредактировав CSS, вы получите класс этой c -точки, оттуда вы можете редактировать высоту, ширину и цвет точек. Есть отдельный класс для активной точки тоже. Я не знаю, есть ли какой-нибудь метод стиля по умолчанию, но я сделал это для того же.