根据背景颜色更改汉堡菜单的颜色
是一种常见的前端开发需求，可以通过CSS样式来实现。下面是一个完善且全面的答案：
汉堡菜单是一种常见的移动端导航菜单，通常以三条横线的图标形式展示。为了提升用户体验，当背景颜色发生变化时，我们可以通过改变汉堡菜单的颜色来保证其可见性。
实现这个效果的方法有多种，以下是其中两种常见的方式：
- 使用CSS伪类选择器：
可以通过CSS的伪类选择器来根据背景颜色更改汉堡菜单的颜色。具体步骤如下：
- 首先，给汉堡菜单添加一个类名，例如"burger-menu"。
- 在CSS中，使用伪类选择器
:hover或:active来选择汉堡菜单，并设置其颜色属性。 - 根据背景颜色的不同，设置不同的颜色值，以确保汉堡菜单在不同背景下都能够清晰可见。
- 示例代码如下：
- 示例代码如下：
- 使用JavaScript动态修改样式：
另一种方法是使用JavaScript来动态修改汉堡菜单的颜色。具体步骤如下：
- 首先，给汉堡菜单添加一个唯一的ID，例如"burger-menu"。
- 在JavaScript中，通过获取背景颜色的值，判断其亮度或对比度等属性。
- 根据判断结果，动态修改汉堡菜单的颜色，以确保其在不同背景下都能够清晰可见。
- 示例代码如下：
- 示例代码如下：
以上是根据背景颜色更改汉堡菜单颜色的两种常见方法。根据具体的项目需求和开发环境，选择适合的方法来实现即可。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/web
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/mobdev
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/3d
相关·内容
5回答
我正在建立一个只有一页的网站，将有一个固定的汉堡图标，以打开菜单。汉堡图标的颜色与某些页面的某些背景色相同。因此，当汉堡图标在这些页面上时，它将不可见。我正在寻找一种方法，能够改变汉堡图标的颜色，当它是在页面上有相同的颜色。
假设汉堡图标通常是蓝色的，下面的div是白色的，这里的汉堡图标仍然是蓝色的。但是，如果下一个div是蓝色的，当汉堡图标到达这个div时，它会将其颜色更改为白色。
我的汉堡图标是一个空的div，下面的css使它看起来像一个汉堡图标。汉堡图标被包装在一个固定位置的另一个div中。
//HTML Code
<section class="buttonset"
浏览 8提问于2016-05-04得票数 1
回答已采纳
1回答
在页面上，我有许多部分： <section class="white"></section>
<section class="blue-gradient"></section>
<section class="white"></section>
<section class="blue-gradient"></section>
... 我已经修好了汉堡菜单。我需要改变汉堡的颜色，这取决于我们滚动时的背景部分。当汉堡在白色部分时-汉堡是
浏览 13提问于2020-04-16得票数 0
回答已采纳
1回答
代号:主题词
、、
如何更改背景颜色并设置sidemenu (汉堡菜单)的UIID？我从theme.res中把所有的物品都改了，但没有运气。我使用新的侧栏API：
f.getToolbar().addMaterialCommandToSideMenu("Google", FontImage.MATERIAL_WEB, e -> Display.getInstance().execute("https://www.google.com"));
浏览 3提问于2016-10-10得票数 2
回答已采纳
总之，我说的是有汉堡包的移动菜单。当您按下汉堡包lvl1菜单时(每个菜单项左侧有5px边框，每个菜单项都不同)，当您选择一个菜单项(比如"Papierbasteln")时，会打开lvl2或子菜单。我想知道如何将菜单项"Papierbasteln“放在lvl2 2/子菜单中，使其具有完整的背景色，而不仅仅是左边框。
所以，我已经设法把菜单项"Papierbasteln“放在lvl2 2/子菜单上，这样我现在就可以看到它了，但是我不能把它变成完全的背景颜色，而不是边框左边的.我创建了新的css样式，并将其导入到该标记中，但它仍然显示左边框。
这些是加载在每个单独的&
浏览 2提问于2019-04-29得票数 1
回答已采纳
我已经做了很多研究，试图找到这个问题的解决方案。我有一个使用视差(magicScroll)的项目。我有一个汉堡图标(在那里显示/隐藏菜单)，但是这个图标是黑色的，我需要根据图像背景改变颜色。因此，如果我有一个黑色的图像作为背景，汉堡包图标应该是白色的，如果我有一个白色的背景，图标应该是黑色的。
我已经尝试了很多方法来做到这一点，但是我使用的是视差。所以我在编写函数时遇到了问题，我需要帮助。我的菜单图标(.hamburger)固定在标题(position: fixed )，我有以下部分。问题是:如何识别视口中的部分(可见)以及如何在我的菜单图标中添加/删除类(.hamburger)。
我正试着这
浏览 0提问于2016-09-05得票数 0
我目前正在进行一个uwp项目，其中包括使用汉堡包菜单。到目前为止，我使用以下代码生成了菜单
<FontIcon FontFamily="Segoe MDL2 Assets" Glyph=""
Foreground="Black" VerticalAlignment="Center" Margin="12,0,8,0">
我真正要实现的是，当鼠标悬停在图标上时，汉堡包菜单的背景颜色预计会发生变化。这类似于windows应用程序中的最小化按
浏览 2提问于2016-03-27得票数 0
回答已采纳
6回答
所以我正在为一家餐馆建立一个网站，而且我陷入了困境。我正试着在那里创建菜单。这样做的目的是将食品名称与左边对齐，价格与右边对齐，并用圆点来填补两者之间的空白。像这样
汉堡.$ 4.00
XXL汉堡.$ 4.00
奶昔..............................................$ 4.00
我找到了几个解决方案，只有当背景只有一种颜色而没有纹理时才能工作。这样做的目的是用点填充整条线，并设置与站点背景颜色相同的名称/价格背景范围，这样点就不会显示。但我有一张背景照片。
我不打算在这里发布我的代码，因为这并不重要，也不会有帮助。
有可能吗？不一定非得是css，最好用
浏览 7提问于2015-12-08得票数 4
回答已采纳
2回答
我使用的是bootstrap 3.3.7，我使用标准的bootstrap类来创建菜单。我已经重新设置了它的样式，以便颜色设置为白色，背景颜色为紫色。当页面初始加载时，一切正常。当我用鼠标缩小屏幕宽度时，我的菜单开始像预期的那样向下折叠，但菜单似乎消失了。如果我停止缩小屏幕尺寸，然后将鼠标移到菜单应该在那里的位置，它就会回到视图中。所以操作是有效的，菜单在移动时没有保持它的配色方案。是不是错过了什么把戏？
如果我将屏幕大小调整为767，以使我的“汉堡包”按钮出现在菜单中，我也会遇到同样的问题。我单击汉堡包，直到我将鼠标移到菜单所在的屏幕左侧时，似乎什么都没有显示。
浏览 33提问于2018-07-25得票数 0
1回答
我用CSS制作了一个汉堡包菜单。我想做两件事：
当用户单击它时，创建边框(浅色)，如下图所示。
当用户单击/悬停在汉堡包上时，倒置颜色，即将我的汉堡包边框更改为黑色，背景更改为白色和内部div，以遵循相同的模式。为此，我添加了一个css :hover，但不知道如何使子元素跟随父元素。
.hamburger:hover {
background-color: whitesmoke;
}
代码：
浏览 2提问于2020-09-06得票数 3
回答已采纳
我在这个网站上找了一些链接，但似乎没有任何效果。希望你能帮忙！我使用的是引导3.3.7，并使用此菜单作为示例/测试菜单。
我已经知道了如何改变一些菜单颜色，但似乎可以找到如何改变菜单周围的‘边框’，当它崩溃时。
我如何摆脱它和/或自定义颜色？
(当我这样做的时候-我如何才能改变“汉堡包”菜单图标的常规和悬停前景和背景色？)
谢谢你的帮忙!
浏览 4提问于2019-10-02得票数 0
4回答
我有一个汉堡包菜单。我想要它，以便当您将鼠标悬停在汉堡菜单上时，它会更改其中span元素的颜色。
我想要它，以便当您将鼠标悬停在汉堡菜单上时，它会更改汉堡菜单中span元素的颜色。我试着去做
.hamburger-menu:hover span {
background-color: red;
}
这是汉堡菜单的CSS：
.hamburger-menu {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
浏览 1提问于2016-03-05得票数 1
对于标准的导航栏切换，如果屏幕缩小并按预期工作，汉堡包就会出现。
我想做的是：
当屏幕很小并且汉堡出现时，我想要更改单击汉堡时显示的项目的背景色。我不想更改导航栏切换本身，而是要更改单击切换时弹出的项目的背景色。
默认情况下，背景颜色继承导航栏折叠背景颜色。当汉堡包被点击时，我想重写它。
这个是可能的吗？
浏览 0提问于2015-05-02得票数 0
<code>B0</code>
我想删除汉堡菜单图标，同时保留导航栏。我想要将内容添加到<code>D1</code>属性中，并且希望它占据整个页面的宽度。在我附加的图片中，黄色背景颜色显示了<code>D2</code>当前占用的宽度。
我知道在表单中你可以控制后退按钮的可见性，有没有一种方法也可以控制汉堡菜单图标？根据我所读到的，这很可能需要一个自定义的渲染器，我已经尝试过了，但没有成功。我需要支持iOS和安卓。
浏览 17提问于2020-07-31得票数 0
回答已采纳
我正在努力使汉堡包菜单与之形成很大的对比，以便于使用。
我在vue-js中尝试了以下代码：
<b-navbar-toggle target="nav-collapse" style="color:#000 !important; background-color: #fff !important; opacity: 1.0 !important; " ></b-navbar-toggle> <!-- hamburger menu -->
然而，虽然背景变成白色；汉堡包菜单的线条变成灰色而不是黑色。这意味着对比较少。
我试过不
浏览 6提问于2021-12-16得票数 0
回答已采纳
我用jQuery打开和关闭汉堡包菜单。类“无颜色”和“颜色”添加或删除背景。
当前，当它运行时，当类切换时，背景会突然被填充。我希望它能褪色。我试过'fadeTo‘和’动画‘，但我无法让他们按需要工作。
如何使用jQuery切换div的背景色不透明度？
$( '#navButton' ).click(function() {
$( '.navigation' ).slideToggle( 'slow', function() {
$( '.no-colour' ).toggleClass( 'co
浏览 0提问于2018-05-07得票数 1
回答已采纳
我正在尝试使用符号的unicode在Winforms C#的按钮控件中显示汉堡菜单的符号/图标。我试着在谷歌上搜索，但所有的结果都指向了UWP，CSS，Xamarin等的汉堡菜单unicodes。而不是C# Winforms。 我之所以需要在C# Winforms中实现汉堡菜单unicode，是因为通过代码或属性选项卡可以轻松/简单地更改符号的ForeColor，而不必在每次需要不同的符号或图标颜色时上载新图像。 有没有在C# Winforms中实现的汉堡包菜单符号的unicode，或者每当我需要一个不同颜色的汉堡包菜单图标时，我都必须上传一个新的图像？ 谢谢你。
浏览 25提问于2019-10-18得票数 1
回答已采纳
我一直在开发我的App，到目前为止，我已经实现了类似facebook的侧边菜单。我的问题是，在我的应用程序中，我没有使用窗体的默认标题栏，并且汉堡只显示在我的自定义标题区域上方的标题栏中。如何将汉堡分配给窗体上的按钮，以及如何设置侧边菜单的背景样式。提前谢谢。
浏览 0提问于2013-07-15得票数 0
回答已采纳
1回答
我有带动画的汉堡包菜单。当我再次点击汉堡包菜单(在我已经逃离菜单后)，菜单显示没有动画。
我想这是由.animate引起的-我需要做.toggle
$(.ready)(函数(){$(“#openMenu”).click(函数(){ $("#main").toggle(200)；$(“#main”).toggle(200)；$(".menu").animate({ left："2%“})；})；
CSS：
.menu {高度:100 0px；宽度:0 0px；背景色：#450a5a；显示: flex；位置:绝对；左：-50%；光标:指针；指针-事
浏览 0提问于2019-05-17得票数 0
我想要在我的网站上的第二个引导导航条，黑色的在蓝色的顶部。
现在，当调整大小时，会出现汉堡包菜单等等，因此，将两个引导菜单叠加在一起，即使是不同颜色的菜单，也可能会造成问题。
如何有两个颜色的双引导菜单？
📷
浏览 0提问于2016-04-24得票数 0
我正在使用Bootstrap，并试图有基本的汉堡包菜单按钮改变背景颜色一旦点击。我可以在浏览器中进行颜色更改，但不能在我的css中进行复制。我也不能只在点击的时候改变颜色。我认为这可能是一个特定的问题。汉堡包按钮取自一个bootstrap示例。
下面的导航栏被编码为在左上角显示“食品，有限责任公司”，并隐藏所有其他链接，直到宽度减少到769px。当点击769px宽度时，汉堡按钮就会出现。当点击按钮时，这些链接就会显示为下拉列表。
我使用了一个红色的背景颜色作为例子，但任何颜色的变化都将受到欢迎！
我已经尝试尽可能具体地使用navbar-toggler类，看看我是否可以更改它，但不能。这是在ch
浏览 0提问于2019-04-25得票数 3
链接到网站：
导航条链接在较小的屏幕上折叠成一个汉堡包菜单下拉菜单，我为顶部边框.navbar { border-top: 3px solid rgba(55,175,75,1.00); }创建了一个CSS属性，该属性应用于导航条。现在，当屏幕变得更小，汉堡包菜单按钮似乎是重叠的绿色边框-顶部的肚脐！
也许这是一个初学者的问题，但我尝试了我所能想到的一切:将按钮移动得稍微低一点(现在它也与底部边框重叠)，删除背景色或使用rgba(0,0,0,0.00)使其透明(似乎根本不起作用).
任何建议都非常感谢..。
如下所示：
绿色的顶部边框不显示整个肚脐的长度，看起来好像汉堡包菜单按钮有
浏览 0提问于2020-02-22得票数 0
回答已采纳
我在一个Bootstrap网站上工作，想知道是否有可能在小屏幕上为扩展的导航栏添加背景色。下面的图片可以给你一个我想要的例子： Larger screens Smaller screens 所以基本上，当你点击汉堡包，菜单就会出现，我希望它有一个背景颜色。在更大的屏幕上应该有背景色。 我知道如何更改导航栏的背景颜色，但我想知道是否可以只将其提供给展开的菜单。 编辑:这是我的导航条码： <nav class="navbar navbar-expand-md navbar-light bg-light">
<button class="navba
浏览 9提问于2019-03-13得票数 0
回答已采纳
2回答
我有一个简单的，使用BS4构建的静态网站。在这个网站上，我使用他们的默认设置：
navbar navbar-expand-md navbar-dark
移动导航栏。这是一个简单的移动汉堡包菜单。当汉堡包图标处于;focus状态时，汉堡包菜单的轮廓将变为不同的颜色，可按如下方式禁用此轮廓功能：
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
}
我想禁用它来删除我在CSS中找不到的橙色，但我没有时间去寻找，所以就把它完全禁用了--然而，我现在意识到
浏览 1提问于2020-06-30得票数 1
下面的表单是用Xamarin表单创建的。我画了一个红色的矩形来突出显示问题区域。我需要在标题蓝色的颜色是不同的颜色，并显示一个标题。
下面是我想要说明的情况。请忽略后箭头和事实的汉堡包菜单是在右边(顺便，一个MasterDetail有汉堡包在右边和左边吗？)
下面的代码是我用来创建这个程序的代码。我正在将我的MainPage (它有ListView)嵌入到NavigationPage中。然后，我将MasterDetailPage的详细页面设置为前面提到的NavigationPage。在这里设置BackgroundColor属性不起作用。注意，Title属性也不起作用。
如何
浏览 2提问于2017-01-12得票数 13
回答已采纳
我有一个透明背景的bootstrap3导航条-引导程序在
问题是，当菜单被折叠时，我需要一个坚实的背景色(#821726)。
当菜单被放大时，我有一个关于下拉的白色背景，但无法计算出我需要更改什么才能使背景只出现在“汉堡包”视图中的肚脐下拉菜单上(仍然希望肚脐本身是透明的)。
谢谢你的想法。
浏览 4提问于2016-02-22得票数 2
回答已采纳
1回答
我正在设置一个下拉菜单。我正在尝试让div具有我在.nav_main中给它的背景色，以便它与我的汉堡菜单的背景色相匹配。由于某种原因，.nav_main的背景色没有出现在我面前。我知道这很微不足道，但我不明白为什么会发生这样的事情。
.nav_main {
display: block;
width: 100%;
background-color: #282828;
}
.nav_main a {
display: none;
width: 100%;
background-color: #282828;
text-decoration: none;
he
浏览 2提问于2019-04-08得票数 0
2回答
html代码
<div className="header__menuToggle">
<span></span>
<span></span>
<span></span>
</div>
每次鼠标悬停时，我都想改变它的颜色
css代码
这是css代码，使跨度看起来像汉堡包菜单。
.header__menuToggle > span {
display: block;
width: 33px;
height: 4px;
m
浏览 5提问于2020-09-02得票数 0
我刚接触Bootstrap (和react-bootstrap)，所以我遇到了一些麻烦。
因此，我现在有一个透明的导航栏，并使用事件侦听器对其进行设置，以便当您向下滚动时，导航栏的背景会出现，并且导航栏会在您向下滚动时停留在屏幕顶部。这只在我有<Navbar fixed="top">的时候有效，在我切换到一个较小的视窗之前，这是很好的，在那里我的导航栏变成了一个汉堡菜单。如果我有fixed="top"，当你打开汉堡菜单时，它会扩展到我的页面下面的任何文本上，而不是按下它并为导航栏链接腾出空间。
如果我从导航栏中删除fixed="top"
浏览 6提问于2019-07-09得票数 0
我的博客是基于博客SOHO主题的 (带有自定义域)。
在移动或iPad等较小的屏幕上，汉堡包菜单出现在标题的左上角。在大型桌面/笔记本电脑屏幕上，汉堡菜单消失，相反，打开的侧边栏出现在屏幕的左侧(而不是汉堡菜单)。
我希望汉堡菜单总是显示在大型桌面/笔记本电脑屏幕上。我不希望侧边栏显示，而是希望边栏项目显示时，汉堡菜单被点击。
如果有人能告诉我如何通过CSS或修改HTML来实现这一点，我将不胜感激。谢谢。
浏览 5提问于2020-09-29得票数 1
回答已采纳
我想改变qgis主窗口菜单栏和标题栏的背景和文本颜色使用python插件，我使用了以下代码
qgis.mainWindow().setWindowTitle("mytitle")
qgis.mainWindow().setStyleSheet("
QMenuBar{
background-color:blue;
}
")
但这只改变了菜单栏的背景，但对菜单栏的菜单选项有影响，我想根据背景颜色自定义菜单选项的文本颜色。
我还想改变斜杠的颜色，请告诉我解决方案
浏览 0提问于2015-11-09得票数 0
2回答
当单击汉堡包菜单时，我想用另一个SVG图像更改品牌徽标颜色(src)，因为背景不适合。
OnClick汉堡用另一张图片改变品牌标志
我怎么能这么做呢？
我知道如何使用event.listener更改正在被单击的元素，而不是我需要的其他元素
const navSlide = () => {
const hamburger = document.querySelector('.hamburger');
const nav = document.querySelector('.header__links');
const navLinks = document.
浏览 2提问于2019-10-30得票数 1
当以移动网站的形式查看网站时，有没有一种方法是，当您单击汉堡按钮时，nav菜单会覆盖整个屏幕。
目前，按下汉堡包按钮会暴露出大约50%的nav菜单
浏览 0提问于2016-11-16得票数 0
2回答
根据背景颜色更改汉堡包菜单的颜色
、、、、
我正在做一个聚合物项目，我想要改变我的汉堡包菜单的颜色，取决于背景颜色，并使用.css函数的JQuery。例如，如果背景色是蓝色的，我希望我的按钮是白色的。这是我的密码：
<paper-menu-button>
<paper-icon-button id="menuBurger" icon="menu" slot="dropdown-trigger" style="background-color: yellow"></paper-icon-button>
<
浏览 0提问于2018-04-23得票数 0
7回答
调整大小时更改导航栏标题颜色
、、、、
我对前端编程非常陌生。我正在使用Bootstrap 3创建我自己的响应式网站。
当我调整浏览器窗口的大小以模拟电话屏幕的大小时，我想要导航栏颜色(导航标题颜色？)要在菜单图标上更改为白色，请单击。
我希望它在页面加载时保持透明，这是有效的。我希望标题改为白色，同时滚动，这也是工作。单击汉堡包菜单图标时，可折叠的导航标题下拉以显示菜单项，但背景保持透明，导致菜单项位于下面的内容之上。
我写了以下脚本，但它似乎不起作用。有没有人有建议？
<script>
var windowsize = $(window).width();
$(window).resize(funti
浏览 5提问于2017-05-16得票数 0
我使用的是bootstrap版本3.3.7。我已经定制了navbar样式，使背景变白，文本变黑，以及一些其他样式。一切正常，除了汉堡菜单没有显示icon-bar。我已尝试显式设置icon-bar样式
.my-navbar .navbar-header .navbar-toggle .icon-bar{
color:black;
}
但仍然不起作用。当我将鼠标悬停在icon-bar上时，我会看到它。但是当页面加载时我看不到它
这是
我在这里错过了什么？
要重现此问题并查看汉堡菜单，请确保减小输出窗口的大小
浏览 5提问于2018-04-10得票数 0
我正在尝试自定义使用CSS导航条，但有问题，如何使子菜单的100%宽度。目前看来是固定的。当没有足够的空间显示整个菜单时，我也在试图找出如何使子菜单显示在下拉菜单的两边。
信息。目前，无论子菜单的大小如何，它们都会出现在菜单的右侧。
我尝试过在CSS中添加各种位置:并显示:标记。
海军条形码：
CSS代码：
/*****顶部菜单*/ .navbar {页边: 0；背景：#fff；边框: 0；-moz-边框-半径: 0；-webkit-边框-半径: 0；边框-半径: 0；}ul.nabar-导航{字体大小:14 5px；颜色：#888；文本转换:大写；}ul.nabar-nav
浏览 1提问于2019-01-30得票数 0
3回答
我只需要在我的汉堡包菜单中显示黑色作为背景颜色。但有个问题。这个汉堡包菜单使用CSS :课后和:课前。如果我在它们上空盘旋，它将一个一个地盘旋，这不是我想要的。我希望菜单上的所有3行都是黑色的。就像这样。
我试过这样做，但它会一个一个地显示出来。
.BurgerMenu:hover:after,
.BurgerMenu:hover,
.BurgerMenu:hover:before{
background: #000;
}
.BurgerMenu {
position: relative;
left: 6px;
top: 26px;
hei
浏览 1提问于2020-01-24得票数 0
回答已采纳
如何更改我正在尝试开发的应用程序的颜色。
我使用了preferences菜单下的switch语句，但不知道如何编写代码，以便当用户单击开关时，整个应用程序的背景颜色都会改变。
有谁知道如何做到这一点吗？
谢谢
浏览 12提问于2013-04-22得票数 0
我想要一个下拉菜单，它允许用户设置网页im制作的背景颜色，我已经在网上搜索了，并且似乎只找到了如何更改实际列表本身的背景，而我希望它改变整个表单的颜色。
浏览 5提问于2016-03-29得票数 0
回答已采纳
如您所见，在默认的twitter bootstrap导航栏菜单中，只有活动菜单项的背景与其他菜单项的背景不同。我想要的是，当我在菜单项上时，我希望背景更改为另一种颜色。底线是，当我悬停在菜单项上时，我应该扮演一个活动的角色。我该怎么做呢？
浏览 0提问于2012-05-01得票数 3
回答已采纳
在我的Eclipse安装中，内容辅助菜单中选定的条目几乎是不可读的，因为白色是白色的灰色。见下图。
我可以从eclipse首选项中更改列表中非选定条目的背景和文本颜色，但是所选的条目总是相同的颜色，并且总是不可读。我使用 ，但据我所知，这只会影响编辑器。
如何使上下文辅助菜单中选定条目的文本可读性？
更新
在阅读了之后，它确实似乎从当前的gnome主题中摘取了它的颜色。但是它以一种奇怪的方式来做这件事。
内容辅助窗口的背景颜色是输入框背景颜色，文本颜色是输入框文本颜色。这一切似乎都合乎逻辑。
然而，所选条目的背景颜色是windows背景颜色，但所选条目的文本是而不是背景文本颜色。
有
浏览 24提问于2011-06-21得票数 30
回答已采纳
2回答
我已经建立了一个网站在自我托管的WordPress (与Divi)。该网站使用两个菜单徽标，一个用于主菜单栏，另一个用于固定标题。徽标在滚动时发生变化，代码如下：
<script>
jQuery(window).scroll(function () {
if (jQuery(window).scrollTop() > 50) {
jQuery('#logo').attr('src','link_to_fixed_header_logo')
} else {
jQuery
浏览 2提问于2021-02-02得票数 1
1回答
我已经创建了一个汉堡包菜单，打开与面具在背景(面具打开后，4ms)。接下来，在关闭汉堡包菜单时，我希望面罩与它合上(意思是在4ms之后)。但相反，根据我的代码，我的面具没有关闭后，我的汉堡包菜单关闭。
联署材料：
const menuIcon = document.querySelector('.hamburger-menu');
const mainNav = document.querySelector('.main-nav');
menuIcon.addEventListener('click', () => {
menuI
浏览 1提问于2020-12-18得票数 1
回答已采纳
1回答
我有一个带有ListBox的汉堡包菜单(图像和菜单项的标题)，我将这些数据(图像和标题)的列表绑定到ListBox，直到它很好，我想显示带有项目标题文本的工具提示(鼠标悬停在图像上)，带有青色背景
浏览 0提问于2017-02-13得票数 0
3回答
我想改变多个div的背景颜色时，父div是徘徊。我所做的基本上是创建一个3div的汉堡包菜单，并希望改变它的颜色从黑色->白色时悬浮。
我目前的解决方案是
.burger_container:hover .bar1{
background-color: white;
}
.burger_container:hover .bar2{
background-color: white;
}
.burger_container:hover .bar3{
background-color: white;
}
我考虑的另一件事是给他们另一个类id，例如
<div class=
浏览 5提问于2017-12-17得票数 1
回答已采纳
2回答
理解菜单图标颜色的来源
、、、
我目前正在搜索GoogleIO2019的源代码，有一件事我不知道它从何而来:汉堡包菜单图标的颜色。
以下是mobile\src\main\res\layout\fragment_codelabs.xml ()预览的屏幕截图：
这是一个放大的汉堡包菜单图标，可以很容易地看到它至少不是黑色的：
图像源是@drawable/ic_menu：
@drawable/ic_menu(mobile\src\main\res\drawable\ic_menu.xml) ()的源代码是
<vector xmlns:android="http://schemas.android.c
浏览 5提问于2019-09-30得票数 2
回答已采纳
1回答
在我的WordPress站点上(以En折叠为主题)，我使用了一个所有宽度的汉堡菜单。我希望联系信息(电话和电子邮件)改变颜色时，我打开我的汉堡菜单。当我点击我的汉堡(我的尝试)时，我真的不知道我是否应该得到一个函数来工作，或者我是否应该只有当我的菜单汉堡覆盖层可见时才能工作。
我加了几张照片让你明白我在说什么
我首先通过一个.js文件链接我的functions.php文件，为了确保它被链接到我的网站，我尝试显示一个简单的警报。
之后，我尝试添加我的代码：
$(document).ready(function($) {
$('.av-hamburger').on
浏览 0提问于2022-03-29得票数 0
回答已采纳
1回答
在我的颤音应用程序中，我使用了一个底部导航栏，有6个选项。第六种选择是菜单上的汉堡包图标，我用它来打开一个侧抽屉。
我想做的是：
当抽屉打开或关闭时，我希望汉堡包图标的颜色会改变。
因此，当用户单击图标时，我能够正确地更新图标颜色并打开抽屉。然而，，在抽屉关闭后，我无法更改图标的颜色。
浏览 1提问于2022-01-31得票数 -2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
