Css 更改引导vue中下拉菜单的文本颜色

我正在创建一个网站，并使用boostrap vue将导航栏添加到屏幕顶部。导航栏的右侧将包含一个名为“Lang”的下拉菜单。我想“郎”的文字是黑色的。文本当前为白色，我无法找到更改它的方法

我尝试了下面的css代码，它改变了导航栏项目的颜色，但是“Lang”仍然是白色/灰色

。下拉列表{
颜色：#000！重要；
}
.导航栏暗.导航栏导航.导航链接{
颜色：#000！重要；
}

这是我的导航栏的代码：

冥王星
关于我们
支持
信用
EN
锿
茹
FA

我可以通过.dropdown类控制背景色，但不能控制颜色。Lang文本的颜色代码必须为#000

devtools显示文本颜色是通过.navbar dark.navbar nav.nav链接类控制的。添加颜色：#000！重要信息：google chrome开发工具可产生所需的结果。将此添加到源代码将更改除“我的下拉列表”之外的所有导航栏项目的颜色

如何将我的Lang下拉菜单的文本颜色更改为黑色？

您可以使用

仅对下拉列表有更多限制

::v-deep .dropdown .nav-link {
   color: #000!important;
}

Try属性

EN

或尝试

/deep/

或

>

作为

的替代：：v-deep

（它们都是彼此的别名）v-deep去哪里了？HTML还是CSS？这两个地方似乎都不适合我。无论我做什么，我的下拉按钮都不会改变样式-甚至可以将内联样式设置为“”。这没有意义，我不能修改默认设置和变体？使用v2.5.11/bootstrap 4.5.0/bootstrap vue 2.15.0。奇怪的是，下面的b-下拉菜单项受到了一定程度的影响。（无论如何，文本阴影）

::v-deep .dropdown .nav-link {
   color: #000!important;
}

<b-dropdown-item varient="dark" href="#">EN</b-dropdown-item>