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)。