web-dev-qa-db-ja.com

Rails link_to with inline styling

CSSクラスを使用せずにlink_toタグの色を変更する必要がありますが、どうすればよいですか？私は次のようなものを試しました

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

しかし、Ruby 1.9.2およびRails 3.1では動作しません

ruby-on-railslink-to
28
Marco

どう？

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

...または...

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

これはRails 3

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

Rails 4の新しい構文では、

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

あなたが試すことができます 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クラスを使用することをお勧めします。

7
tonymarschall

今回は構文が異なるため、このトピックを更新します。 Rails 4+では、正しい構文は次のとおりです。

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

これを試して：

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

このコードが機能すると確信しています。

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

2
Sobin Sunny

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;
}
1
Adrian Mann

link_toは次のように書くことができます

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

または

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