2013-04-11 49 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

相關問題