Zails Foundation on Rails中的鼠标悬停突出显示

时间:2013-06-26 02:16:13

标签: css ruby-on-rails hyperlink sass zurb-foundation

我是新手编码的新手,也是过去几个月Ruby on Rails的新手。我刚刚开始与Zurb基金会合作,尝试使用我正在工作的东西,而不是使用Bootstrap。

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

我已经浏览了随基金会安装的sass文件和css文件,我不能为我的生活找出要编辑的内容以及从何处停止。

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

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

非常感谢任何帮助!

谢谢!

1 个答案:

答案 0 :(得分:1)

我认为你在你的应用程序中使用其他样式,类似于生成器的脚手架,脚手架将生成脚手架css。 我使用脚手架,我的应用程序上有scaffold.css.scss,这是scaffold.css.scss

上的链接样式
a {
  color: #000;
  &:visited {
    color: #666;
  }
  &:hover {
    color: #fff;
    background-color: #000;
  }
}

您应该删除链接样式,否则您可以删除应用程序上的脚手架样式,如果不适合的话。

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

如果您的应用没有其他风格且只使用zurb-fondation,您应该找到导致问题的链接风格