Bootstrap 轮播指标

Question

我正在使用 bootstrap 轮播我想在指标中做 border-radius

向 style.css 添加了代码，但无法更改样式

.carousel-indicators li {
width: 11px!important;
height: 5px!important;
border-radius: 2.5px !important;
background-color: #ffffff!important;
opacity: 1 !important;
}

为什么不改怎么改，你能帮帮我吗？

https://i.hizliresim.com/WX4qrE.png

Answer 1

我尝试重现您的问题 here，但我可以毫不费力地更改指标样式。

您的 style.css 文件是否正确 linked？如：<link rel="stylesheet" href="path/to/style.css">.

此外，您应该避免使用 !important 并尝试寻找其他方法来增加 specificity。

Answer 2

我解决这个问题会如下

border-top 和 border-bottom 0px

Bootstrap 轮播指标

Bootstrap carousel indicators

html

css

carousel