Rails link_to具有内联样式

时间:2012-03-19 10:25:54

标签: ruby-on-rails link-to

我必须在不使用CSS类的情况下更改link_to标记颜色,我该怎么办?我尝试过像

这样的东西
<%= link_to item.description, {}, {:style=>'color:#FFFFFF;', :class => "css_class"} %>

但它不适用于ruby 1.9.2和rails 3.1

8 个答案:

答案 0 :(得分:32)

怎么样

<%= link_to item.description, nil, {:style=>'color:#FFFFFF;', :class => "css_class"} %>

...或...

<%= link_to item.description, '#', {:style=>'color:#FFFFFF;', :class => "css_class"} %>

答案 1 :(得分:13)

这应该适用于Rails 3

link_to item.description, :style=> 'color:#FFFFFF;', :class => 'css_class'

使用rails 4中的新语法,它变为

link_to item.description, style: 'color:#FFFFFF;', class: 'css_class'

答案 2 :(得分:7)

你可以试试link_to item.description, {}, {:style => 'color: #FFFFFF'}没问题。

要为链接着色,您必须设置更多color

a:link { 
  color: #333333;
}
a:visited { 
  color: #FFFFFF;
}
a:hover { 
  color: #CCCCCC;
}
a:active { 
  color: #333333;
}

我建议使用css类。

答案 3 :(得分:6)

我想更新这个主题,因为在这个时候,语法是不同的。 在rails 4+中,正确的语法是:

<%= link_to TEXT, URL, class: 'css_class', style: 'color:#FFFFFF' %>

答案 4 :(得分:2)

试试这个:

= link_to name, url, style: 'color:#FFFFFF;'

答案 5 :(得分:2)

我很确定这段代码能够正常运作。

<%= link_to "button_name",{:controller => 'controller_name', :action => 'action_name'},{:style=>"color:#fff;"}%>

答案 6 :(得分:1)

如果您有一个名为test-color的类,则可以通过将类名和:hover选择器连接在一起,将:hover选择器分配给该类。

类钩子以点(。)开头,ID以井号(#)

开头
.test-color:link {
  color: #333333;
}
.test-color:visited {
  color: #FFFFFF;
}
.test-color:hover {
  color: #CCCCCC;
}
.test-color:active {
  color: #333333;
}

答案 7 :(得分:0)

link_to可以写为

<%= link_to text, path, class: "" %>

<%= path, class: "" do %>
  <div>
    <!-- Insert HTML here -->
  </div>
<% end %>