修改 <%= f.submit %> 的默认 CSS 输入类

Question

我一直在尝试让<%= f.submit %> 与我的其他“按钮”一样出现，并且全部连续显示，但运气不佳。我在修改f.submit 的类时发现了this helpful post，但在浏览器中检查它的元素时意识到它采用了input 的类，无论我添加了哪些附加类作为选项参数，从而限制了它的外观。

基本上，我的其他每个按钮都具有以下形式：

<div class="sort-nav">
  <ul>
    <li><h4><%= link_to "Some stuff", some_link_path %></h4></li>
  </ul>
</div>

我想知道是否有一种方法可以将所有这些样式压缩到一个类中，并覆盖 f.submit 中包含的 input 类。谢谢。

---

为了启迪，这个按钮将成为我的“关注”/取消关注按钮，用于创建或销毁关系，我首先打算使用以下代码呈现 _follow_form 部分：

  <% if current_user.following?(@course) %>
    <%= render 'unfollow' %>
  <% else %>
    <%= render 'follow' %>
  <% end %>

每个 _followpartial 看起来如下所示：

<%= form_for(current_user.relationships.build(followed_id: @course.id)) do |f| %>
  <%= f.hidden_field :followed_id %>
  <%= f.submit "Follow course" %>
<% end %>

Answer 1

有点骇人听闻，但您始终可以使用 js 提交表单，因此不要使用f.submit，而是将其更改为

<div class="sort-nav">
  <ul>
    <li>
      <h4><%= link_to_function "Some stuff", '$(this).closest("form").submit()' %></h4
    </li>
  </ul>
</div>