0

「メール」フォームと「パスワード」フォームの幅を狭くしようとした場合：

    <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 %>

...そしてそれらを右上のナビゲーションバーに配置すると、CSSはどのように見えますか？

なぜだろう....

    #signin #field.text_field {

    width:20px;

    }

...うまくいかない？

ありがとう。

4

2 に答える 2

1

これを試してください：fieldクラスとして定義されていますが、IDではありません。

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

また

6行目を次のように変更できると思います

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

于 2012-04-10T22:32:56.537 に答える
1

Railsの.text_fieldメソッドはHTMLにタグを生成するため、代わりにそのタグinputをターゲットにする必要があります。また、 IDではなくクラスであるため、ではなく、inputを使用する必要があります。.field#field

#signin .field input {
  width:20px;
}
于 2012-04-10T22:50:07.500 に答える