2013-04-11 35 views
6

我正在使用基础4.一个新的Rails项目我打开一个链接到一个按钮,使用基金会的类:重写a:使用Rails 3和Foundation 4访问的正确方法是什么?

<%= link_to 'New Item', new_item_path, :class => "small button round" %> 

按钮出现,恰似我打算:

enter image description here

然而,有一次,我访问过的链接,它是这样的:

enter image description here

不太好。

我通过CSS看了看,发现访问过的链接的颜色被设置在scaffolds.css.scss:

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

如何正确取消我的链接,这种颜色的变化?我知道我可以删除&:visited部分,但这似乎太蛮力。我认为这应该是一种更优雅的方式,但是我的CSS/SCSS/Foundation知识太稀少了。

回答

4

无法删除已访问的伪选择器,因为它在您提供页面后由用户的浏览器添加。如果您想覆盖所有链接的颜色更改,请删除&:visited。如果你只是想覆盖它的按钮,添加:

a.button { 
    &:visited { 
    color: #fff !important; 
    } 
} 

这将改变已访问链接颜色只为按钮类。

+0

那么,我会在哪里插入我的Rails应用程序? application.css? scaffolds.css.scss? – abeger 2013-04-11 18:41:29

7

如果只是通过rails g scaffold命令生成,请删除scaffold.css.scss。使用zurb-foundation时可能是多余的,并且可能会破坏其他更多的东西。

+0

尽管前面的答案解决了这个问题,但我相信这是解决问题的正确答案。我也在使用粉底,并开始认为他们只是有差异。颜色供参观,但看完这个评论后马上想起脚手架。谢谢! – Sean 2014-09-09 00:01:11

相关问题