开发者

Changing the look of fields in rails using css

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


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

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜