- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在创建一个网站并使用 boostrap-vue 将导航栏添加到屏幕顶部。导航栏的右侧将包含一个标题为“Lang”的下拉菜单。我希望“Lang”文本为黑色。文本目前是白色的,我找不到改变它的方法。
我尝试了以下 css 代码来更改导航栏元素的颜色,但“Lang”仍保持相同的白色/灰色。
.dropdown {
color: #000!important;
}
.navbar-dark .navbar-nav .nav-link {
color: #000!important;
}
这是我的导航栏的代码:
<b-navbar class="w-50 mx-auto" toggleable="lg" type="dark" variant="info" :sticky="true" bg-foobar>
<!--<b-navbar-brand href="#">NavBar</b-navbar-brand>-->
<b-img :src="require('../assets/BlueLogoPNG.png')" class="logo"></b-img>
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
<b-collapse id="nav-collapse" is-nav>
<b-navbar-nav class="ml-auto" >
<b-nav-item href=""><b>Planet Pluto</b></b-nav-item>
<b-nav-item href="#"><b>About Us</b></b-nav-item>
<b-nav-item href=""><b>Support</b></b-nav-item>
<b-nav-item href="#"><b>Credits</b></b-nav-item>
</b-navbar-nav>
<!-- Right aligned nav items-->
<b-navbar-nav class="ml-auto">
<b-nav-item-dropdown toggle-class="nav-link-custom" text="Lang" right>
<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>
</b-navbar-nav>
</b-collapse>
</b-navbar>
<BNav/>
</div>
我可以通过 .dropdown 类控制背景颜色,但不能控制颜色。 Lang 文本的颜色代码必须是 #000。
开发工具显示文本颜色是通过 .navbar-dark .navbar-nav .nav-link 类控制的。从 google chrome 开发工具添加 color:#000!important 会产生所需的结果。将其添加到源代码中将更改除我的下拉列表之外的所有导航栏元素的颜色。
如何将 Lang 下拉菜单的文本颜色更改为黑色?
最佳答案
您可以使用deep selector
::v-deep .nav-link {
color: #000!important;
}
仅对下拉菜单有更多限制
::v-deep .dropdown .nav-link {
color: #000!important;
}
关于css - 更改 bootstrap-vue 中下拉菜单的文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57454398/
前文链接: Spring复杂的BeanFactory继承体系该如何理解? ----上 Spring复杂的BeanFactory继承体系该如何理解? ----中 Spring IoC容器 Applica
我正在努力实现这个目标 | Div | |Div nav wrapper| | logo | |con
我正在尝试从下拉菜单中的链接进行模式启动。模态似乎启动了(网站变灰),但看不到。来自不在下拉列表中的常规链接的模式工作得很好。我愚弄了 jquery,但由于我是 jquery 的新手,所以没有任何结果
我是一名优秀的程序员,十分优秀!