WP Twentyseventeen 菜单颜色更改不起作用

Question

通过将以下行添加到子主题 style.css 样式表，我几乎成功地更改了 WordPress TwentySeventeen 主题中的默认白色文本和灰色背景菜单颜色.

菜单截图

但是，当我将鼠标移开子菜单中的任何给定选择时，菜单仍然非常短暂地显示默认菜单颜色。在 CSS 方面，我是个黑客，我花了几个小时试图在线找到解决方案。有什么建议么？非常感谢。

/*Change Drop Down Menu and Sub-Menu Hover and Text Color */

.menu a:hover,
.menu li:hover>a {
  background-color: rgb(220, 225, 200) !important;
  /* light green */
  color: #000000 !important;
}

Answer 1

好像是因为有 2 个背景，一个在 li

第二个在 a

灰色背景在 li 所以你只需要 "reset" 它

.main-navigation li li:hover,
.main-navigation li li.focus {
  background: none;
}

WP Twentyseventeen 菜单颜色更改不起作用

WP Twentyseventeen Menu Color Change Not Working

css

menu

background-color

twentyseventeen