Changing the look of fields in rails using css

Question

On a standard html page I know how to change the look of an input, but on rails my inputs are structured like

<div class="field">
  <%= f.label :name %><br/>
  <span style="color:red;font-weight: normal; font-size:11px; "><%= errors_for(:name, @user) %> </span>
  <%= f.text_field :name %>      
</div>

And they display in a browser like normal fields. How can I use css to make it look like the search bar on the top of this page http://kb.worldsecuresystems.com/tutorials/ (slightly rounded edges, 1px #999 stroke, larger size) Thanks

maček · Accepted Answer · 2011-08-03 00:26:16Z

3

You will need to apply CSS to the actual <input>

.field input {
    color: #999;
    font-weight: bold;
    font-size: 24px;
    padding: 10px;
    border: 2px solid #999;
    border-radius:2px;
}

See it on jsFiddle

answered Aug 3, 2011 at 0:26

maček

78k37 gold badges172 silver badges200 bronze badges

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

Collectives™ on Stack Overflow

Changing the look of fields in rails using css

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related