1

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

<%= 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 文件与之交谈？或者，还有更好的方法？

4

2 回答 2

1

如果您使用的是 google chrome，我强烈建议您使用 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

于 2012-06-16T04:28:23.387 回答
1

尝试这个：

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

这会为表单添加一个唯一的 id，这样您就可以在 CSS 中缩进它，而不要更改其他的。

我的意思是，为了改变它，你可以在你的 CSS 中为那个 id 定义一些东西。

于 2012-06-16T04:29:36.617 回答