html - 无法删除分页点焦点上的边框颜色

Question

我正在尝试删除焦点上弹出的不需要的灰色和蓝色。它似乎并没有以某种方式出现在css中。

<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 3"></span>

这是CSS：

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet  {
    width: 12px !important;
    height: 12px !important;
    margin: 4px !important;
    background-color:  $carousel-pagination-page-bg-color !important;
    opacity: 0.6 !important;
}
.swiper-pagination-bullet-active {
    background-color:  $carousel-pagination-page-bg-color-hover !important;
    opacity: 1 !important;
}

标签： htmlcsssass

Answer 1

看起来 swiperjs 正在添加一个大纲，outline:none工作。