将CSS类添加到<%= f.submit%>

时间:2011-03-15 18:00:27

标签: ruby-on-rails css ruby-on-rails-3

我的问题很简单:

<%= f.submit %>

课堂申报在哪里?我在多次尝试时遇到错误。

7 个答案:

答案 0 :(得分:343)

<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

这应该做。如果您收到错误,可能是因为您没有提供该名称。

或者,您可以在没有类的情况下设置按钮的样式:

form#form_id_here input[type=submit]

尝试一下。

答案 1 :(得分:128)

您可以通过执行以下操作将类声明添加到表单的提交按钮:

<%= f.submit class: 'btn btn-default' %>&lt; - 注意:没有逗号!

如果您正在改变支架的_ form.html.erb 部分并且您想要保留 控制器操作之间按钮名称的动态更改,请勿指定名称'name'

在不指定名称的情况下,根据表单呈现的操作,按钮将获得.class = "btn btn-default"(Bootstrap类)(或您指定的任何.class),其名称如下:

  • 更新model_name

  • 创建model_name
    (其中model_name是脚手架模型的名称)

答案 2 :(得分:25)

Rails 4和Bootstrap 3“主要”按钮

<%= f.submit nil, :class => 'btn btn-primary' %>

产生类似的东西:

screen-2014-01-22_02.24.26.png http://img854.imageshack.us/img854/9148/2wlx.png

答案 3 :(得分:11)

正如Srdjan Pejic所说,你可以使用

<%= f.submit 'name', :class => 'button' %>

或新语法:

<%= f.submit 'name', class: 'button' %>

答案 4 :(得分:7)

使用带辅助功能的表单的解决方案

对于使用 Rails 5.2 If Not Me!cboCommonName = "" Then strWhereCondition = strWhereCondition & "[common name] = " & Chr(34) & Me!cboCommonName & Chr(34) End If 帮助程序的用户:不要添加逗号

form_with

Screenshot with no comma

HTH!

答案 5 :(得分:2)

默认情况下,Rails 4使用'value'属性来控制可见按钮文本,所以为了保持标记清洁,我会使用

<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>

答案 6 :(得分:0)

两者都有效 <%= f.submit class: "btn btn-primary" %><%= f.submit "Name of Button", class: "btn btn-primary "%>