我可以在 form_for 助手中创建漂亮的按钮吗？

Question

多亏了 form_for 助手，我有了一个登录表单，在我看来，它的按钮样式很丑。

而且我想要一个与此类似的按钮。

我想知道有什么方法可以自定义 form_for 提交按钮吗？

_form.html

<%= form_tag '/authenticate' do %>
  <div class="email">
    <%= label_tag :email %><br />
    <%= text_field_tag :email, params[:email] %>
  </div>
  <div class="password">
    <%= label_tag :password %><br />
    <%= password_field_tag :password %>
  </div>
    <%= submit_tag "Log In" %>
<% end %>

Answer 1

您可以将 class 添加到提交按钮，然后为该 class 添加样式。

<%= submit_tag 'Log In', class: 'button-class' %>

Answer 2

看起来您正在使用 bootstrap 作为 CSS 框架，因此您可以这样做：

<%= submit_tag 'Log In', class: 'btn btn-default' %>

我可以在 form_for 助手中创建漂亮的按钮吗？

Can I create beautiful buttons inside a form_for helper?

css

ruby-on-rails

submit

button

form-for

登录