css - 无法更改 Bootstrap 5 轮播指示器边框半径

Question

我正在使用 Bootstrap 5.1 的轮播组件。我意识到无论我做什么，我都无法将边界半径添加到轮播指示器。它们总是矩形的，不接受边界半径。但在检查器中，它奇怪地显示指标（html 按钮）确实有一个边框半径但没有显示。我很混乱。我尝试在 css 中设置 .carousel-indicators [data-bs-target] 的样式，在 html 中添加了内联边框半径样式。他们都没有工作。

Answer 1

尝试

.carousel-indicators [data-bs-target] {
  border-top: none;
  border-bottom: none;
  border-radius: 5px;
  height:6px;
}

元素有一个透明的边框，用一个边框半径设置样式，但是因为它们是透明的所以看不到。