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

Question

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

Answer 1

尝试

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

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

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

Can't change Bootstrap 5 carousel indicator border radius

css

button

carousel

bootstrap-5

border-radius