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

Question

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

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

Answer 1

你可以这样做：

=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'

Answer 2

我使用旧学校红宝石（1.8.7）和导轨（2.3.5）

继承了自定义CSS样式的提交标签：

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

其中＆＃34;编辑＆＃34;是按钮上显示的文字，＆＃34;宽度：30px;＆＃34;是我的造型。你也可以级联风格：

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

Answer 3

另一种方式是（rails 4.1）

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

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

如果你在form_for工作，你会做

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

Answer 4

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

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