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”/“Unfollow”按钮，我首先打算使用以下代码呈现_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>

修改＆lt;％= f.submit％＆gt;的默认CSS输入类

1 个答案: