1.carousel-indicators [data-bs-target] {
2 box-sizing: content-box;
3 flex: 0 1 auto;
4 width: 10px; /* change width */
5 height: 10px; /* change height */
6 padding: 0;
7 margin-right: 3px;
8 margin-left: 3px;
9 text-indent: -999px;
10 cursor: pointer;
11 background-color: #fff;
12 background-clip: padding-box;
13 border: 0;
14 border-top: 10px solid transparent;
15 border-bottom: 10px solid transparent;
16 opacity: .5;
17 transition: opacity .6s ease;
18 border-radius: 100%; // /* add border-radius */
19}
20
1.carousel-indicators li {
2 width: 10px;
3 height: 10px;
4 border-radius: 100%;
5}
6
1 <ol class="carousel-indicators">
2 <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
3 <li data-target="#mycarousel" data-slide-to="1" ></li>
4 <li data-target="#mycarousel" data-slide-to="2" ></li>
5 </ol>
6