添加一个CSS类到<％= f.submit％>

我的问题很简单：

<%= f.submit %> 

class级声明去了哪里？ 我在多次尝试中遇到错误。

Answer 1

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

这应该做的。 如果您遇到错误，可能是您没有提供该名称。

或者，您可以在没有类的情况下设置button的样式：

 form#form_id_here input[type=submit] 

试试这个。

Answer 2

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

<%= f.submit class: 'btn btn-default' %> < – 注意：没有逗号！

如果您正在修改脚手架的_form.html.erb部分，并且想要在控制器操作之间保持button名称的dynamic更改，请不要指定名称'name' 。

如果没有指定名称，并根据操作呈现表单，button将获得.class = "btn btn-default" （Bootstrap类）（或您指定的任何.class ），其名称如下：

• 更新model_name

• 创buildmodel_name
  （其中model_name是脚手架模型的名称）

Answer 3

Rails 4和Bootstrap 3“主”button

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

产量如下所示：

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

Answer 4

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

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

或者新的语法是：

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

Answer 5

默认情况下，Rails 4使用'value'属性来控制可见的button文本，所以保持标记干净，我会使用

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