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;

我可以添加像margin-left这样的东西：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定义一些东西。

RoR：我如何缩进一个输入表单而不是另一个？

2 个答案: