Rails link_to Tag-Tag mit gestylten Glyphon

Question

Ich versuche Glyph Icons zu verwenden, die ich in meiner Rails App gestylt habe.

Ich möchte das Symbol einen Link zu einer anderen Seite machen, kann aber nicht den Standard-Bootstrap-Stil verwenden, weil ich die Links für den Stil meiner Seite angepasst habe.

Ich bekomme immer einen Keyword-Klassenfehler - weiß jemand warum?

Vielen Dank.

Ich habe den folgenden Link in meiner Ansicht:

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

ich auch CSS haben wie folgt:

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

Sie "um die Zeichenfolge verwenden müssen, müssen auch auf Methode aufrufen html_safe es.

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

aber ein besserer und sauberere Weg wäre

Answer 2

Ihr Problem ist, dass Sie a:visited {text-decoration:none; background-color:transparent; color:grey;}; auf Ihrem glyphicon CSS verwenden, aber sie auf Ihren Link

dieses versuchen sollte:

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

und dann Ihren Link Stil, wenn Sie mit scss dann:

.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; 
    } 
}