css - Scss - 单击时禁用边框

Question

我正在使用 ngb-Bootstrap 创建旋转木马，但我遇到了边框问题。当我点击轮播按钮或轮播中的任何地方时，我都会遇到这样的事情:

我不想在外面显示这个边框。我试图删除事件或焦点上的边框，但没有任何效果。

.imageCarousel {
        max-height: 500px;
        text-align: center;
        color: $color2;

        user-select: none;


        img {
            max-width: 80%;
            max-height: 280px;

        }
        .carousel-indicators {
            color: $color2;
        }
    }

Answer 1

*:focus {
    outline: none;
}

或者您可以使用 CSS 类(如 .imageCarousel)更加具体。