Using CSS to style Ruby objects in erb

Question

I have Googled around but can't find the answer to this question. How do I use CSS to edit RUby objects in erb. For example:

<%= f.label :email, "Enter your email address for updates" %><br />
<%= f.text_field :email %>

Here, I want to use CSS to style the text and the form box. How can I do that?

Dylan Markow · Accepted Answer · 2011-02-24 17:38:22Z

21

You can use the :class option to specify a CSS class:

<%= f.text_field :email, :class => "login" %>

and then put that in your css:

input.login {
  color: red;
}

Also, you can specify inline CSS if you want:

<%= f.text_field :email, :style => "color: red;" %>

answered Feb 24, 2011 at 17:38

Dylan Markow

125k27 gold badges287 silver badges202 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

lavapj · Accepted Answer · 2013-03-22 00:21:24Z

2

Adding on to what Dylan said...

You can use :id option to specify a CSS id:

<%= image_tag "illustrations/clipboard.png", :id => "clipboard" %>

and then put in your css:

#clipboard {
     border: 1px solid #000;
}

answered Mar 22, 2013 at 0:21

lavapj

3991 gold badge3 silver badges11 bronze badges