gpt4 book ai didi

Css 下拉菜单字体颜色

转载 作者:太空宇宙 更新时间:2023-11-04 14:18:53 32 4
gpt4 key购买 nike

在我的下拉菜单中,“li”的字体颜色为白色,而“悬停”时颜色变为黑色,我也有下拉菜单。当悬停我的产品链接的子菜单时,字体颜色products(li) 变为白色 我的悬停背景也是白色,这是我的问题,我怎样才能让我的“li”的颜色保持黑色??

我的样式表

#menu{width:auto; margin: 0px 0px 0px 0px; background-color: #000; height:32px; float:right; border-radius:0px 0px 10px 10px ;}
#menu ul{list-style-type:none; margin:0px; padding:0px; margin-left:10px;}
#menu ul li{float: left; position: relative; margin-left:0px; height:29px; padding-top:3px;}
#menu ul li:active {color:#000;}
#menu ul li:hover{background-color: #f5f5f5; margin-left:0px; color:#000}
#menu ul li a{color: #fff; padding: 0 16px; line-height:25px; font-size:13px; font-family:arial; display: block; text-decoration:none; margin-left:0px;}
#menu ul li a:hover{background-color: #f5f5f5; margin-left:0px; color:#000;}
#menu ul li ul li{float: none; position: relative; margin-left:0px;}
#menu ul li ul{position: absolute; top:32px; left:0; display: none; background-color: #000; width:150px; margin-left:0px;}
#menu ul li:hover > ul{display: block; margin-left:0px; color:#000;}
#menu ul li ul li a{white-space: nowrap; line-height:25px; margin-left:0px;}
#menu ul li ul li ul{position: absolute; top:0; left:145px; display: none; background-color: #000; width:150px; margin-left:0px;}

我的html代码

<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Product</a>
<ul>
<li><a href="#">Has Submenu</a></li>
<li><a href="#">Has Submenu</a></li>
<li><a href="#">Has Submenu</a></li>
<li><a href="#">Has Submenu</a></li>
<li><a href="#">Has Submenu</a></li>
</ul>
</li>
<li><a href="#">Other Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

最佳答案

添加以下 CSS:

#menu ul li:hover > a {
color: #000;
}

问题出在 anchor 标签上。无论您为 li 设置什么颜色, anchor 标记的样式都是 color: #fff

关于Css 下拉菜单字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20096157/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com