Bootstrap 4 如何设置引导4转盘指示器的样式，使其没有填充，只有圆形轮廓？

我制作了一个旋转木马，我想让我的指示器（在旋转木马底部的指示器）变成白色的空心圆圈，没有填充或是白色填充。默认情况下，它们是长的、矩形的和白色的。通过对CSS执行以下操作，我成功地使它们成为圆形和黑色：

.carousel-indicators > li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.darken {
    filter: invert(40%);
}

---

但是我希望这些圆只有一个轮廓，没有填充，那么我怎么做呢？我尝试添加

color:red

进行实验，但圆圈的颜色不会改变。

您需要做的就是覆盖一些CSS属性

.carousel-indicators li{
    margin-right: 3px;
    margin-left: 3px;
    background-color: #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

设置

背景色：透明

和

边框：0

以删除引导样式，并设置

框阴影

以获得漂亮的轮廓。增加边距，使元素很好地分开

注意：您不需要

！重要信息

在您的代码中，此代码段中需要此代码，否则示例将无法运行

.carousel指示器li{
宽度：10px！重要；
高度：10px！重要；
右边距：5px！重要；
左边距：5px！重要；
边界半径：50%！重要；
边界：0！重要；
背景色：透明！重要；
盒影：0.2rem rgba（0,0,0,1）；
}