0

我正在尝试缩进整个表格：

    <%= form_for([micropost, micropost.comments.build], :html => { :id => "blah_form" }) 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>
      <% end %>

但我不想以这种形式缩进这个其他文本区域：

    <%= form_for(@micropost) do |f| %>
      <%= render 'shared/error_messages', object: f.object %>
      <div class="field">
        <%= f.text_area :content, placeholder: "What's something else you want to buy?" %>
      </div>
      <%= f.submit "Post", class: "btn btn-large btn-primary" %>
    <% end %>

现在我的 CSS 文件说：

#blah_form input, textarea, b4 {margin-left:80px}
4

2 回答 2

0 
#blah_form input, textarea, b4 {margin-left:80px}

是三个单独的声明，请尝试使用此方法以使您的 CSS 本地化为该表单

#blah_form input,
#blah_form textarea,
#blah_form b4 
    {margin-left:80px}

或者可能创建一个缩进类：

.indent {
    margin-left:80px;
}

这可以用于所有需要缩进的元素。您可以使该类更智能，以将缩进应用于特定的嵌套元素，例如

.indent > div {
    margin-left:80px;
}

（在 ie6 中不起作用）这是说将margin-left.indent 的所有直接子级应用到 div 的。

于 2012-07-15T01:23:08.093 回答
0

将另一个类添加到 textarea 周围的 div 并使用它来删除 margin-left

例如。

<div class="field no-indent">

在你的 CSS 中：

.no-indent textarea { margin-left:0 }

还有你的 CSS

#blah_form input, textarea, b4 {margin-left:80px}

应用于#blah_form 内的任何输入以及所有textarea 和b4（我认为您的意思是b4 类，在这种情况下它应该是.b4）

于 2012-07-15T01:23:37.713 回答