Rails link_to with inline styling

Question

I must change a link_to tag color without using a CSS class, how can I do? I've tried something such as

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

but it doesn't works on ruby 1.9.2 and rails 3.1

Use the developer tools of your browser to check wether the issue is from rails (styles & class not generated), or if the issue is on the css side — ksol, Mar 19 '12 at 10:34

score 38 · Answer 1 · edited Mar 12 '15 at 02:48

38

How about

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

...or...

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

edited Mar 12 '15 at 02:48

Jeff

13,943
11
55
103

answered Mar 19 '12 at 10:44

ksol

11,835
5
37
64

score 19 · Answer 2 · answered Apr 02 '16 at 08:00

19

This should work with Rails 3

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

With the new syntax in rails 4, it becomes

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

answered Apr 02 '16 at 08:00

Onur Kucukkece

1,708
1
20
46

score 9 · Answer 3 · answered Apr 02 '16 at 00:16

9

I want to update this topic, because in this time, the syntax is different. In rails 4+, the correct syntax is:

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

answered Apr 02 '16 at 00:16

Diego Somar

941
1
11
28

tonymarschall · Answer 4 · 2012-03-19T10:45:18.657

7

You can try link_to item.description, {}, {:style => 'color: #FFFFFF'} is ok.

To color your links you have to set more then color:

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

I recommend to use a css class for this.

edited Mar 19 '12 at 10:45

answered Mar 19 '12 at 10:28

tonymarschall

3,862
3
29
52

To set a class you have to set ...` :class => 'nameOfClass'` – tonymarschall Mar 19 '12 at 10:46
Ok suppose that I've :class => 'test_color' how can I definy my CSS stylesheet? I meen something such as #test_color{a:link { color: #333333; } a:visited { color: #FFFFFF; } a:hover { color: #CCCCCC; } a:active { color: #333333; } } – Marco Mar 19 '12 at 11:02
This is a good answer. You don't need a class or curly braces in your link_to in order to accomplish this. Just copy the css from this answer into your CSS file, and the link_to links will color accordingly. – emery Oct 31 '14 at 01:35

score 2 · Answer 5 · answered Aug 17 '13 at 05:19

2

try this:

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

answered Aug 17 '13 at 05:19

Sherlock

74
4

score 2 · Answer 6 · answered Mar 19 '15 at 12:09

2

I am pretty sure this code will work.

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

answered Mar 19 '15 at 12:09

Sobin Sunny

1,121
10
14

`:style=>"color:#fff !important;"` – Sobin Sunny Apr 29 '15 at 06:11

score 1 · Answer 7 · edited Dec 08 '15 at 09:23

1

If you have a class called test-color, you can assign the :hover selector to that class by joining the class name and the :hover selector together.

Class hooks begin with a dot(.), IDs begin with a hash(#)

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

edited Dec 08 '15 at 09:23

m4n0

29,823
27
76
89

answered May 17 '13 at 13:24

atw

5,428
10
39
63

score 0 · Answer 8 · answered Jan 02 '19 at 18:05

0

link_to can be written as

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

Or

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

answered Jan 02 '19 at 18:05

Cody Elhard

655
1
7
17

Rails link_to with inline styling

8 Answers8

Linked

Related