ruby-on-rails - 使用 css 更改 rails 中字段的外观

Question

在标准的 html 页面上，我知道如何更改输入的外观，但在 rails 上，我的输入结构如下

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

See it on jsFiddle