【问题标题】:How to change color of hover on sub-menu如何更改子菜单上的悬停颜色
【发布时间】:2018-02-14 02:02:49
【问题描述】:

我正在尝试更改网站顶部导航中子菜单的悬停颜色,但似乎没有任何效果。它似乎正在拾取我页脚中使用的灰色,但没有其他任何地方作为悬停颜色。这是我用来让它工作的代码:

.navbar-inverse .dropdown-menu, a:hover {
color: #cc3300;
border-bottom-color: #cc3300;
border-bottom-width: 5px;

}

它可能是我的其他导航栏和下拉菜单 css 代码中的其他内容,它正在覆盖它,但我无法弄清楚它在哪里。从理论上讲,这应该有效,但事实并非如此。

有什么建议吗?

partyfavorz.com

【问题讨论】:

  • 你的代码中有background: #444 !important;吗??
  • 请在发帖前查看这些guidelines
  • 我只有这个:.sticky-container .item .effect-julia h2 { background: rgba(255,255,255,0.8);颜色:#444444; } 但把它拿出来,因为我不再需要它了。但对悬停没有影响。

标签: css colors hover submenu


【解决方案1】:

这应该会有所帮助,您需要添加“!”背景和颜色的标签如下所示:

.navbar-inverse .dropdown-menu a:hover {
background: #CC3300 !important;
color: #fff !important; }

最好的问候!编辑将悬停更改为红色并将字体保持为白色。

【讨论】:

  • 我尝试了您的代码,悬停颜色保持不变,但由于悬停颜色和文本颜色相同(无对比),它也会更改突出显示的文本颜色,使其无法读取。我还尝试将 !important 添加到我的代码中的颜色变化中,但这也没有效果。我试图避免使用插件,因为这会给我的网站增加不必要的加载时间,即使脚本被延迟。
  • 我刚刚修改了红色悬停和白色字体的代码,现在试试。
  • 为了将来参考,您可以更改 CSS 的 #CC3300 部分,这是悬停颜色。字体颜色是#FFF,您可以在其中放置任何您想要的十六进制颜色。
  • 谢谢!如此简单的事情让我发疯了。我的边框底部颜色和宽度必须在没有悬停的情况下移动到同一部分才能使您的代码正常工作。再次感谢!
猜你喜欢
  • 2012-03-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-11-24
  • 2017-03-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多