は、Ruby on Railsでのボタンのスタイルを設定する方法

Question

ボタンがある：

<%= render 'follow' %> 

follow.html.erbで：follow_formで

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

<%= 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でスタイル？

Answer 1

あなたは、単にCSSでスタイリングするためのボタンを有効にするために、クラスおよび/またはIDを含め、f.submitヘルパーにパラメータを渡すことができます。例えば、

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

をして、それに適用されるCSSクラスを持っている：たとえば、あなたはERBでこれを置くことができ

.button{ 
    color: #bbbbbb; 
    width: 200px; 
    height: 100px; 
    /*add any other properties you want to style*/ 
} 

Answer 2

試してみてください。

<%= f.submit "Watch" , :style => 'padding-top: 14px', :class => 'class_name' %>