Bootstrap 4导航选项卡下拉菜单打开时的颜色
可以通过自定义CSS样式来实现。在Bootstrap 4中，可以使用以下步骤来设置导航选项卡下拉菜单打开时的颜色：
- 创建一个自定义的CSS样式文件，例如custom.css。
- 在custom.css文件中，使用以下CSS代码来设置导航选项卡下拉菜单的颜色：
.dropdown-menu {
background-color: #f8f9fa; /* 设置下拉菜单的背景颜色 */
border: none; /* 可选，设置下拉菜单的边框样式 */
}
.dropdown-item {
color: #343a40; /* 设置下拉菜单项的文字颜色 */
}
.dropdown-item:hover {
background-color: #e9ecef; /* 设置鼠标悬停时下拉菜单项的背景颜色 */
color: #343a40; /* 设置鼠标悬停时下拉菜单项的文字颜色 */
}- 将custom.css文件链接到HTML页面中的<head>标签内，例如：
<head>
<link rel="stylesheet" href="custom.css">
</head>通过以上步骤，你可以自定义Bootstrap 4导航选项卡下拉菜单打开时的颜色。你可以根据需要修改CSS代码中的颜色数值来实现不同的效果。
腾讯云相关产品和产品介绍链接地址：
相关·内容
当导航选项卡打开时，我试图更改下拉菜单的颜色(在本例中是蓝色和红色)，但当我松开鼠标时，它又变成了白色。当下拉菜单显示为白色时，我该如何使其保持蓝色？我的代码如下，如果有人可以帮助的话。我的HTML <li class="nav-item drop
浏览 2提问于2018-07-17得票数 3
回答已采纳
任何解决方案都是非常受欢迎的。无论如何，问题是关于顶部的导航栏。它看起来是这样的：当我将光标移动到导航栏上的一个链接时，例如文章，下拉菜单会打开，因为它被设置为在悬停时执行此操作：如您所见，悬停时<
浏览 0提问于2015-10-26得票数 0
1回答
自定义超级菜单问题
、、、
我已经包括了我的网站上的超级菜单，使用Bootstrap，Javascript，PHP和CSS。我想改变它从点击到悬停/鼠标，并从底部移动，所以它是在侧面类似于在它自己的专栏。我也有一个问题，当前当我悬停在下拉菜单上时，下拉选项卡的背景会从蓝
浏览 5提问于2017-08-23得票数 1
1回答
我正在使用getbootstrap.com css页面中的导航栏，现在我正在编辑它以满足我的需要。我已经做了大部分事情，但不知道如何在这里改变这个颜色(白色的)： Is this :active state？我尝试过的： background-color: inherit;.dropdown也是如此。
浏览 12提问于2017-02-07得票数 0
回答已采纳
我对导航栏使用了bootstrap框架，现在我想使用summernote WYSIWYG HTML编辑器。如果我导入bootstrap.min.js脚本，导航栏下拉菜单可以很好地工作，但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本，则summernote可以工作，但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本，因为使用jquery.m
浏览 3提问于2016-10-29得票数 5
2回答
在哪里可以在折叠下拉菜单中更改文本的颜色？由于某些原因，当我的下拉菜单折叠时，它有不同的背景和文本颜色。当未折叠时，我可以使用以下命令更改它： color: #000;但当它崩溃时，它不会改变。我错过了什么简单的东西吗？
浏览 2提问于2013-12-16得票数 2
在Bootstrap 4中，如何更改导航栏的背景颜色？twbscolor中的代码不起作用。我想让背景颜色变成不同的颜色，字体颜色变成白色。
浏览 3提问于2017-04-13得票数 50
我使用的Twitter引导和它的响应设计，为典型的Twitter启动导航栏菜单在顶部。现在发生的事情是下拉菜单仍然被折叠。当我打开它时，它会在菜单容器中创建一个滚动条，这是
浏览 6提问于2013-09-22得票数 3
回答已采纳
1回答
有人知道在Bootstrap下拉菜单中添加标签的简单方法吗？现在的问题是，当我打开下拉菜单并单击任何选项卡时，下拉菜单关闭。这是任何下拉菜单的预期行为。如何避免关闭下拉列表，如果单击位于下拉列表内部，则仅在外部单击或按钮单击时将其关闭。
谢谢!
浏览 3提问于2013-01-23得票数 2
我想创建一个导航下拉菜单。在该菜单之外，我希望创建一个层，当用户单击该菜单时，它将关闭该菜单。当我创建这个层时，它的颜色不会覆盖底部的导航选项卡，也找不到任何方法。
浏览 6提问于2020-12-27得票数 0
回答已采纳
0回答
我在使用bootstrap的导航栏时遇到了困难。我想创建一个使用bootstrap下拉菜单列表。问题是li在导航栏上。我知道bootstrap有下拉列表，但它用于按钮，在这种情况下是不合适的。我如何在我的引导导航栏中有一个ul li下拉列表？例如，假设我有5个页面，我希望页面是可见的，当我单击以显示在其他4个页面的下方时？我想创建一个导航
浏览 9提问于2016-07-21得票数 0
我正在尝试使用带选项卡功能的bootstrap下拉菜单导航2个圆滑旋转木马。最初，新闻包装器将被隐藏。我们的想法是以两种方式在圆滑的旋转木马中导航。第一个是使用下拉菜单，第二个选项是使用按钮显示隐藏方法。因此，请查看此链接以更好地了解。谢谢。
浏览 25提问于2016-08-20得票数 1
我需要从bootstrap的tab中调用id，因为我想按周、月、年生成报告。但我需要在选项标签中选择第一个。这是我的代码： <option><a href="#tab1" data-toggle
浏览 0提问于2014-02-04得票数 0
1回答
我正在使用twitter bootstrap模式，有时在我关闭这个模式后，窗口(主体)保持在灰色背景中……(与模式的开放背景颜色相同)谢谢你！！
浏览 7提问于2015-03-03得票数 0
我使用的是Bootstrap 4，并且我创建了一个表单，其中包含一个字段集，其中包含导航选项卡。禁用此字段集时，使用Chrome/Chromium时，选项卡可以正常工作；但使用Firefox时，选项卡则不能正常工作:浏览器正在更新位置散列，并且选项卡未打开！蒂埃里
浏览 5提问于2020-05-11得票数 0
8回答
目前，我正在使用这个模板：.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default
浏览 10提问于2014-05-17得票数 13
1回答
我有一个导航栏，当向下滚动时改变颜色，即。它在开始时和滚动变成蓝色后是透明的。navbar-fixed-top"); });我的目标是改变颜色(即当下拉菜单打开时，也可以添加类“scrolled”)。否则，如果我使用移动
浏览 0提问于2020-04-24得票数 0
我正在使用带下拉菜单的bootstrap 3导航栏。默认的行为是点击打开下拉菜单，第二次点击关闭。我想在第二次点击时访问该链接。是否可以使用默认引导程序functionality>
浏览 3提问于2014-06-03得票数 2
我有一个bootstrap导航栏，我喜欢自己设计颜色等。因此，我使用以下代码更改了下拉菜单导航栏的链接颜色 color:white;它工作得很好，所以如果我有如下菜单项如果我将屏幕变小以折叠导航栏。下拉菜单链接的颜色仍然是默认的，所以我认为bootstrap使用的
浏览 0提问于2016-11-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
