当鼠标悬停在子导航上时,如何阻止悬停列表项的文本更改回默认值

发布于 2024-12-17 05:05:57 字数 318 浏览 0 评论 0原文

我有一个水平菜单,它使用跨度在其正下方显示水平子导航。当您将鼠标悬停在菜单中的列表项上时,子导航会显示相应列表项的链接集。

问题是,当我将鼠标悬停在列表项上,然后将光标向下移动到子导航时,列表项将恢复为其默认颜色,但列表项仍处于悬停状态。

如何阻止文本恢复为默认颜色?我是否遗漏了 CSS 中的某些内容,或者这可能必须在 JavaScript 中完成。

这是示例: http://jsfiddle.net/SeasonEnds/LSmfN/

I have a horizontal menu that uses spans to display a horizontal subnav directly below it. When you hover over the list item in the menu, the subnav displays that respective list item's set of links.

The issue is that when I hover over a list item and then move the cursor down to the subnav, the list item reverts to it's default color, but the list item remains in a hover state.

How can I stop the text from reverting back to it's default color? Am I missing something in the CSS or is this something that might have to be accomplished in JavaScript.

Here is the example: http://jsfiddle.net/SeasonEnds/LSmfN/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

木緿 2024-12-24 05:05:57

添加这一行css

ul#topnav li:hover a { color: #828282;  }

Add this row of css

ul#topnav li:hover a { color: #828282;  }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文