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!"
你可以这样做:
=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'
我尝试过,但实际上并没有抓住CSS的样式。 – 2012-07-23 17:23:49
另一种方式是(导轨4.1)
<%= submit_tag("Submit", :class => "btn btn-warning") %>
在这里你去寻找答案http://api.rubyonrails.org/
,如果你是在工作form_for you would do
<%= f.submit("Submit", class: "btn btn-default") %>
这些类不像您所建议的那样内置于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;") %>
你可以给HTML生成和你的CSS您可以添加样式关键哈希
<p><%= submit_tag l(:button_apply), :class => 'btn btn-default btn-sm', :name => 'submit', :style => 'margin-left: 42px' %></p>
? – Dougui 2012-07-23 17:32:33