vue轮播无法移除轮廓颜色

Question

我从库下载了vue carousel。这是我的版本
"vue"; "^2.6.11"vue-carousel"^ 0.18.0",

当我点击分页和类名添加焦点效果时，焦点效果会创建一个轮廓色

输入图片描述

我尝试删除大纲形式/node_midules/vue-awesome/vue-carousel/scr/pagination.vue/

.VueCarousel-dot:focus {
/* outline: 1px solid lightblue; */
outline: none;
}

和组件的样式。

.VueCarousel-dot, .VueCarousel-dot:focus{
outline: none !important;
}

但它仍然不起作用，仍然有蓝色轮廓的焦点效果。如何修理它们，谢谢!

Answer 1

你选错了CSS选择器

.VueCarousel-navigation-button:focus {
outline: none !important;
}

这为我删除了轮廓