Изменение вида полей в рельсах с помощью CSS

Question

На стандартной html-странице я знаю, как изменить внешний вид входа, но на рельсах мои входы структурированы как

<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>

И они отображаются в браузере как обычные поля. Как я могу использовать CSS, чтобы она выглядела как строка поиска в верхней части этой страницы http://kb.worldsecuresystems.com/tutorials/ (слегка закругленные края, 1px # 999 обводка, увеличенный размер) Спасибо

Answer 1

Вам нужно будет применить CSS к фактическому <input>

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

Посмотреть на jsFiddle