Question

如果我试图减少“电子邮件”和“密码”表格的宽度:

    <div id="signin">
    <h1>Sign in</h1>

    <%= form_for(:session, :url => sessions_path) do |f| %>
      <div class="field">
        <%= f.label :email %><br />
        <%= f.text_field :email %>
      </div>
      <div class="field">
        <%= f.label :password %><br />
        <%= f.password_field :password %>
      </div>
      <div class="actions">
        <%= f.submit "Sign in" %>
      </div>
     <% end %>

......把他们放在我的bar上,中心如何看待?

为什么会......。

    #signin #field.text_field {

    width:20px;

    }

......没有工作?

感谢。

Answer 1

Railways text_field 这种方法将产生一个<代码>输入的标签,以备你以input代替标签。另外,您应使用<代码>.field,而不是#field,因为其类别不是。

#signin .field input {
  width:20px;
}

Answer 2

引证:field 的定义是类别,但不指背。

#signin .field.text_field{ width: 20px;

or

我认为,你可以修改第6行至第6行。

<%= f.text_field :email, :size => 10 %>

友情链接