按钮轮廓未完全显示

Question

我试图在激活时为我网站上的按钮提供“轮廓”样式，但由于某种原因，完整的轮廓没有出现。正如您在此屏幕截图中看到的，按钮的顶部被切断。当它只是一个实心按钮时不会发生这种情况（您可以看到它旁边的实心按钮）。也没有任何东西可以遮挡轮廓的视图。有人知道如何纠正吗？非常感谢！

filter_button {
    color: #fff;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active>* {
    background-color: #0F1B36;
    outline-style: solid;
}

.current-cat .filter_button, .filter_button:hover {
    color: #03F0F1;
}

Answer 1

看起来可能是按钮上的边距、内边距或高度问题，就好像 CSS 与其他部分或元素发生冲突一样。