2

ボタンは次のとおりです。

    <%= render 'follow_form' if signed_in? %>

follow_formの場合:

    <%= render 'follow' %>

follow.html.erb:

    <%= form_for current_user.relationships.build(:followed_id => @user.id),
         :remote => true do |f| %>
    <div><%= f.hidden_field :followed_id %></div>
    <div class="actions"><%= f.submit "Watch" %></div>
    <% end %>

CSSでどのようにスタイルを設定しますか?

4

2 に答える 2

3

試す :

<%= f.submit "Watch" , :style => 'padding-top: 14px', :class => 'class_name' %>
于 2012-04-13T07:00:10.080 に答える
3

f.submitクラスやIDなどのパラメーターをヘルパーに渡すだけで、CSSでボタンのスタイルを設定できます。たとえば、これをERBに入れることができます。

<div class="actions"><%= f.submit "Watch", :class => "button" %></div>

次に、それに適用するCSSクラスを作成します。次に例を示します。

.button{
  color: #bbbbbb;
  width: 200px;
  height: 100px;
  /*add any other properties you want to style*/
}
于 2012-04-13T07:06:47.620 に答える