Wie Tasten in Ruby on Rails Stil

Question

Knopf wie folgt:

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

In follow_form:

<%= render 'follow' %> 

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

Wie würde ich Stil mit CSS?

Answer 1

Sie können einfach Parameter an die f.submit Helfer übergeben werden, einschließlich einer Klasse und/oder ID, den Knopf zu aktivieren, indem Sie CSS gestylt werden. Zum Beispiel könnten Sie dies in der ERB setzen:

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

und dann eine CSS-Klasse, die auf das gilt zum Beispiel:

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

Answer 2

Versuchen:

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