更改 nav 类按钮的悬停背景颜色

[patrickemin]

您好，我找到了这个讨论：

Button color changes

[34%20PM][01%20PM]Hello all, how do you change the orange default button color? I’ve changed it to the desired hex color in Settings>Customize>Colors but the buttons remain the default orange.

我尝试将其应用到我的情况，即如何更改导航按钮悬停时的背景颜色（而不是激活时）。我糟糕的 CSS 知识不足以解决这个问题……感谢您的帮助

[awesomerobot (Kris)]

该主题已过时，因此我将将其存档……

如果您想更改主题列表上方这些筛选器按钮的悬停颜色：

您可以通过以下方式进行操作，因为我们使用了一些变量：

:root {
  --d-nav-bg-color--hover: #fab1ed;
}

此导航有一整套变量可以通过相同的方式进行编辑：

@awesomerobot

:root {
  --d-nav-color: var(--primary);
  --d-nav-bg-color: transparent;
  --d-nav-color--hover: var(--primary);
  --d-nav-bg-color--hover: var(--d-hover);
  --d-nav-color--active: var(--tertiary);
  --d-nav-bg-color--active: transparent;
  --d-nav-border-color--active: var(--d-nav-color--active);
  --d-nav-underline-height: 0.125em;
}

一般参考：Making custom CSS changes on your site

[patrickemin]

非常感谢 @awesomerobot！但我已将其添加到我的自定义 CCS 中，但没有显示任何更改。我也尝试过一个“固定”颜色，结果相同，没有效果。

:root {
  --d-nav-bg-color--hover: var(--quaternary);
}

[Vaping_Community]

您可以尝试

:root {
  --d-nav-bg-color--hover: var(--quaternary) !important;
}

[patrickemin]

@Vaping_Community

!important;

不，仍然没有变化，这很奇怪。

[Vaping_Community]

您是否创建了一个主题组件来添加 CSS？

[patrickemin]

是的，我的其他 CSS 代码正在运行：

[Vaping_Community]

我从未使用过 :root，我一直使用类名，我现在必须研究一下

[Vaping_Community]

对我来说，没有 !important 也能用。

[patrickemin]

你是怎么做到的？

[Vaping_Community]

和你一样……它没有在最新版本的基础上做任何改变，它改变了管理员菜单项和用户偏好菜单项

[patrickemin]

在这种情况下，我没有看到任何变化。

[Vaping_Community]

这可能有点傻，但你有没有点击保存？

[patrickemin]

是的，我做了。

[patrickemin]

这并非必需，我们等到其他人尝试……@Steven，如果你能尝试一下，因为你是我的网站管理员……

[Firepup650 (Firepup Sixfifty)]

为了确保万无一失，您已将应用了更改的主题组件应用到您正在使用的主题，对吗？

[patrickemin]

是的，我只有一个主题。

[Firepup650 (Firepup Sixfifty)]

如果您尝试刷新缓存（Ctrl/Cmd+Shift+R），是否会偶然使其显示出来？

[patrickemin]

没有变化。

[patrickemin]

好的，由于我还有另外两个 Discourse 站点，我在其中一个站点上测试了它，结果……成功了！
现在我的 dessein-tech.com 站点上有什么东西干扰了这个 mod。

我一个接一个地禁用了所有组件，但都没有效果。