ruby-on-rails - 如何在 Ruby on Rails 中设置按钮样式

Question

按钮如下:

    <%= 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 设置样式？

Answer 1

您可以简单地将参数传递给 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*/
}