Rails link_to標記標記與樣式化的圖形

Question

我想使用我在rails應用程序中設置的標誌符號圖標。

我想讓圖標成爲另一個頁面的鏈接，但不能使用標準引導樣式，因爲我已經爲我的頁面樣式定製了鏈接。

我不斷收到關鍵字類錯誤 - 有誰知道爲什麼？

謝謝。

我有我的看法如下鏈接：

<li><%= link_to <span class="glyphicon glyphicon-comment"></span>, page_path('messages') %> </li> 

我也有CSS如下：

span.glyphicon-comment { 
    vertical-align:middle; 
    margin:auto; 
    padding:10px; 
    font-size: 2em; 
    text-align: right; 
    a:link {text-decoration:none; background-color:transparent; color:grey;}; 
    a:visited {text-decoration:none;background-color:transparent; color:grey;}; 
    a:hover {text-decoration:none;background-color:transparent; color:dark grey;}; 
    a:active {text-decoration:none;background-color:transparent; color:grey;}; 
} 

Answer 1

您必須使用「串繞，還需要調用html_safe方法上它。

<%= link_to "<span class=\"glyphicon glyphicon-comment\"></span>".html_safe, page_path('messages') %> 

但更好的和更清潔的方式將是

<%= link_to page_path('messages') do %> 
    <span class="glyphicon glyphicon-comment"></span> 
<% end %> 

Answer 2

你的問題是，你正在使用a:visited {text-decoration:none; background-color:transparent; color:grey;};您glyphicon CSS但他們應該是你的鏈接

上試試這個：

<%= link_to page_path('messages'), class: "comment_link" do %> 
    <span class="glyphicon glyphicon-comment"></span> 
<% end %> 

，然後風格你的鏈接，如果你是使用scss然後：

.comment_link{ 
    .glyphicon-comment{ 
    vertical-align:middle; 
    margin:auto; 
    padding:10px; 
    font-size: 2em; 
    text-align: right; 
    } 
    &:hover, &:visited, &:active{ 
    text-decoration:none; 
    background-color:transparent; 
    color:dark grey; 
    } 
}