如何删除Bootstrap Carousel的边框

Question

我需要删除Bootstrap中的Carousel边框，这是我的工作：

.carousel-indicators .active{ background: #31708f; } 
.content{ margin-top:20px; } 
.adjust1{ float:left; width:100%; margin-bottom:0; } 
.adjust2{ margin:0; } 
.carousel-indicators li{ border :1px solid #ccc; } 
.carousel-control{ color:#31708f; width:5%; } 
.carousel-control:hover, 
.carousel-control:focus{ color:#31708f; } 
.carousel-control.left, .carousel-control.right { background-image: none; } 
.media-object{ margin:auto; margin-top:15%; } 
@media screen and (max-width: 768px) { .media-object{ margin-top:0; } }

我试图使用＆＃34; border：0px＆＃34;但它不起作用 有什么想法吗？

Answer 1

ngb-carousel:focus {
    outline: none;
}

Answer 2

看起来bootstrap的CSS可能优于您的自定义CSS。要解决此问题，请尝试更改为“border：0px！important”，或者确保在引导程序之前加载自定义css文件。