删除b-nav-item-dropdown周围的蓝色边框

我试图删除聚焦时出现的蓝色边框 b-nav-item-dropdown 在Vue引导程序中。我尝试了很多例子,但都不起作用。我做了以下工作。

Vue模板

<b-nav-item-dropdown class="nav-item dropdown nav-dropdown-custom" text="LANGUAGES">
    <b-dropdown-item href="#">EN</b-dropdown-item>
    <b-dropdown-item href="#">ES</b-dropdown-item>
    <b-dropdown-item href="#">RU</b-dropdown-item>
    <b-dropdown-item href="#">FA</b-dropdown-item>
</b-nav-item-dropdown>

CSS

.nav-dropdown-custom {
    color: black !important;
    opacity: 100%;
    border-color: transparent;
}

.nav-dropdown-custom:focus {
    outline: none !important;
    box-shadow: none;
}

但我还是得到了边界,

是否有可能从下拉菜单中删除此边界。请对此提出解决方案。 谢谢