RoR:如何缩进一个输入表单而不缩进另一个输入表单

Question

所以我正在尝试缩进这段代码给出的形式。

<%= form_for([micropost, micropost.comments.build]) do |f| %>
    <div class="field">
      <p2>Who are you?</p2>
      <%= f.text_field :commenter %>
    </div>
    <div class="field">
      <p2>What deal are you offering?</p2>
      <%= f.text_area :body %>
    </div>
    <div class="actions">
      <%= f.submit "Submit"%>
    </div>

现在我的 css 文件有这个

/* forms */
input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  padding: 10px;
  height: auto;
  margin-bottom: 15px;

我可以添加类似左边距的东西：80px;但这会缩进我所有的输入表单。我怎样才能以不同的方式命名此表单，以便我可以用我的 css 文件与它交谈？还是有更好的方法？

Answer 1

如果您使用的是谷歌浏览器，我强烈建议您使用stylebot来实时测试您的css修改。所以很有帮助。https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha

此外，您需要做的是将唯一 ID 添加到要更改的表单或表单元素。

对于整个表单

<%= form_for([micropost, micropost.comments.build], :html => { :id => "blah_form" }) do |f| %>

仅针对一个字段

<%= f.text_area :body, :id => 'blah_field' %>

有关form_for的更多信息：

http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html

Answer 2

试试这个：

<%= form_for([micropost, micropost.comments.build], :html => {:id => "some_id" }) do |f| %>

这会向表单添加一个唯一的 id，以便您可以在 CSS 中根据需要缩进它，而不会更改其他 id。

我的意思是，要只更改它，您可以在 CSS 中为该 id 定义一些内容。