標準のHTMLページのCSS

Question

を使用して、レール内のフィールドの外観を変更し、私は入力の外観を変更する方法を知っているが、レールの上に私の入力は

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

のような構造であり、彼らは次のようにブラウザに表示されます通常のフィールド。どのように私はそれがこのページhttp://kb.worldsecuresystems.com/tutorials/（やや丸みを帯びたエッジ、1ピクセル＃999ストローク、大きなサイズ）の上部にある検索バーのように見えるようにするためにCSSを使用することができますおかげ

Answer 1

あなたは、実際の<input>

にCSSを適用する必要があります

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

See it on jsFiddle