Rails：如何使用自定义css提交标签样式

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

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

2012-07-23 Ben Downey

？ – Dougui 2012-07-23 17:32:33

你可以这样做：

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

2012-07-23 16:55:55 Dougui

我尝试过，但实际上并没有抓住CSS的样式。 – 2012-07-23 17:23:49

另一种方式是（导轨4.1）

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

，如果你是在工作form_for you would do

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

2014-11-07 20:04:05 alexl

这些类不像您所建议的那样内置于Rails中。这些内置到Bootstrap（http://getbootstrap.com/）中，必须将其添加到您的Rails应用程序才能使用它。 – 2015-08-20 20:50:21

我使用的老同学红宝石（1.8.7）和导轨（2.3.5）

继承人什么我提交标签看起来像自定义CSS样式：

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

其中“编辑”是出现在按钮上的文本，以及“width：30px;”是我的造型。你也可以级联花式：

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

2016-08-04 17:28:56

你可以给HTML生成和你的CSS您可以添加样式关键哈希

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

2017-03-09 09:10:01 copremesis

回答