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

Question

我一直在尝试获得 <%= f.submit %>，但运气不佳|看起来和我的其他“按钮”一样，都是连续的。我找到了 this helpful post关于修改 f.submit 的类, 但在浏览器中检查其元素后意识到它采用了 input 类，不管我添加了哪些额外的类作为选项参数，从而限制了它的外观。

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

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

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

---

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

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

每个人_follow部分如下所示:

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

Answer 1

有点 hackish 但你总是可以使用 js 来提交表单，而不是使用 f.submit，将其更改为

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