Bootstrap 轮播指示器

Question

我正在使用 bootstrap carousel 我想在指标中做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

我尝试在此处复制您的问题，但我可以毫无困难地更改指标样式。

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

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

Answer 2

我解决了这个问题如下

边框顶部和边框底部 0px