reactstrap -如何更改<CarouselControl>的颜色(单击左侧/右侧的小箭头可以滑动照片)？

import { CarouselControl } from 'reactstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

<CarouselControl className="custom-carousel-control" direction="prev" />
<CarouselControl className="custom-carousel-control" direction="next" />

.custom-carousel-control {
  color: #ff0000; /* 设置按钮颜色为红色 */
  font-size: 24px; /* 设置按钮字体大小为24像素 */
  /* 添加其他样式属性以满足需求 */
}