css - Rails：如何使用自定义 CSS 设置提交标签的样式

Question

下面的代码根据一些 css（“按钮”）创建一个表单并设置“提交”按钮的样式。问题是，当页面呈现时，它会在自定义的“按钮”css顶部显示正常的 rails 提交标签按钮。如何在提交表单的同时静音或禁用 rails 提交标签按钮的视觉方面？

=form_tag new_site_url, :method => :get do
  =text_field_tag :homepage,'', type: "text", class: 'text'
  %button
    =submit_tag "GO!"

score 6 · Accepted Answer

你能这样做吗：

=form_tag new_site_url, :method => :get do
  =text_field_tag :homepage,'', type: "text", class: 'text'
  =submit_tag "GO!", class: 'button'

并设置按钮的css样式？

最好这样做：

=form_tag new_site_url, :method => :get do |f|
  =f.text_field '', type: "text", class: 'text'
  =f.submit "GO!", class: 'button'

score 3 · Accepted Answer

另一种方法是（rails 4.1）

<%= submit_tag("Submit", :class => "btn btn-warning" ) %>

您可以在这里找到答案http://api.rubyonrails.org/

如果你在 form_for 工作，你会做

<%= f.submit("Submit", class: "btn btn-default" ) %>

score 3 · Accepted Answer

我正在使用老派 ruby(1.8.7) 和 rails(2.3.5)

这是我的提交标签对于自定义 CSS 样式的外观：

<%= submit_tag("Edit", :style => "width:30px;") %>

其中“编辑”是按钮上显示的文本，“宽度：30px;” 是我的造型。您还可以级联样式：

<%= submit_tag("Edit", :style => "width:30px;color:blue;") %>

score 1 · Accepted Answer

您可以将样式键添加到哈希

<p><%= submit_tag l(:button_apply), :class => 'btn btn-default btn-sm', :name => 'submit', :style => 'margin-left: 42px' %></p>

4 回答 4