Question

我想改变表单的外观。对于html中的那个，我会用css更改输入标签。在rails中我试图将div添加到表单中，但是没有成功。怎么做对了？

<%= search_form_for @search do |f| %>

<p>
  <%= f.label :degree_cont, "...by degree (e.g. bachelor)" %>
  <%= f.text_field :degree_cont, size: 15 %>
</p>

<p class="button"><%= f.submit "Search" %></p>
<% end %>

Answer 1

如果您是css的新手，我建议您查看Twitter bootstrap。

尝试将gem bootstrap-sass添加到Gemfile。然后转到http://twitter.github.io/bootstrap/base-css.html#forms。我猜你正在寻找.form-search类。

您可以使用与此类似的代码来使用此css类创建表单：

<%= form_for(@search, :html => { :class => 'form-search' }) do |f| %>
...

Answer 2

您可以在rails中的搜索表单中添加一个类，然后在CSS中设置样式，而不是添加div。像这样：

<%= search_form_for @search, :html => { :class => "your-class-here" } do |f| %>

传递div id或class来自定义rails3中的表单

2 个答案: