删除按下图标周围的边框

Question

如何删除当我按下它时出现的图标周围的边框（并一直保持到我按下其他地方）？

<b-collapse :id="'accordion-' + carpool.id">
     Example Text
</b-collapse>
<span v-b-toggle="'accordion-' + carpool.id">
<span class="when-open"><i class="fas fa-chevron-up"></i></span>
<span class="when-closed"><i class="fas fa-chevron-down"></i></span>
</span>

css 隐藏图标：

.collapsed > .when-open,
.not-collapsed > .when-closed {
    display: none;
}

图片

Answer 1

您使用了错误的属性。 正常显示将无法正常工作。 您应该使用“outline = 0 or none”来代替“显示”。