css - Zurb Foundation on Rails 中的鼠标悬停黑色突出显示

Question

我是一般编码的新手，在过去几个月里是 Ruby on Rails 的新手。我今天刚开始与 Zurb Foundation 合作，尝试用它来做我正在做的事情，而不是使用 Bootstrap。

我遇到的问题是，当我将鼠标悬停在链接上时(例如，在页脚中)，该链接会以黑色背景突出显示。

我已经浏览过随 Foundation 安装的 sass 文件和 css 文件，但我终其一生都无法弄清楚要编辑什么以及在哪里停止它。

我想要完成的是当我将鼠标悬停在链接上时不改变链接 - 只需让用户点击即可。

正如我所说，我是 Rails 和整个编码的新手，所以我实际上什至不知道我应该包含哪些文件片段来帮助回答问题......所以一些方向也很有帮助.

非常感谢任何帮助!

谢谢!

Answer 1

我认为您在应用程序中使用了其他样式，例如生成器的脚手架，脚手架将生成脚手架 css。我正在使用脚手架，我的应用程序上有 scaffold.css.scss，这是 scaffold.css.scss

上的链接样式

a {
  color: #000;
  &:visited {
    color: #666;
  }
  &:hover {
    color: #fff;
    background-color: #000;
  }
}

您应该删除链接样式，或者如果您不愿意，可以删除应用程序中的脚手架样式。

默认情况下，Zurb-Fondation 没有黑色背景的样式链接。

如果您的应用程序没有其他样式并且只使用 zurb-fondation，您应该找到导致问题的链接样式