从引导程序中的 f.button 中删除 btn 类

Question

我正在 Rails 中构建一个登录表单并使用引导程序进行样式设置。

我使用以下作为提交按钮

= f.button :submit, "Sign In", class: 'btn-custom success'

唯一的问题是当它出现在 html 中时，它包含引导程序“btn”类，我该如何删除它？

Answer 1

看起来您没有使用 rails 默认表单帮助程序，因为 rails default 不会添加额外的类，即 btn 在您的情况下。有几种方法可以添加没有额外属性或“属性值”（在您的情况下）的提交按钮：

HTML 按钮：

<button type="submit" name="submit" class="btn-custom success">Sign In</button>

HTML 输入：

<input type="submit" value="Sign In" class="btn-cusom success" />

Rails button_tag

= button_tag 'Sign In', type: :submit, class: 'btn-custom success'

请参阅http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-button_tag 了解button_tag 帮助器的具体文档以及其他选项的页面。

Rails submit_tag

= submit_tag 'Sign In', class: 'btn-custom success'

有关submit_tag 的文档，请参阅http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-submit_tag。在这种情况下，唯一需要注意的是 submit_tag 助手默认添加了一个 name 属性，其值为 commit。

但由于您的问题与button 有关，您可以使用“HTML 按钮”或“Rails button_tag”选项。