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

我的问题很简单:

<%= f.submit %> 

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

5 Solutions collect form web for “添加一个CSS类到<%= f.submit%>”

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

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

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

 form#form_id_here input[type=submit] 

试试这个。

您可以通过执行以下操作将类声明添加到表单的提交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是脚手架模型的名称)

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

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

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

或者新的语法是:

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

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

 <%= f.submit :value => "Visible Button Text", :class => 'class_name' %> 
  • Rails - 查找2个字段?
  • 如何解决Heroku上未初始化的常量Rake :: DSL问题?
  • 控制器helper_method
  • 如何在生产模式下部署Rails?
  • 是否可以在MiniTest中运行单个testing?
  • 不兼容的字符编码:ASCII-8BIT和UTF-8
  • 在rails中简单的点击浏览页面
  • 访问助手从邮件?
  • Rails:如何获取基于控制器类名的模型类名?
  • 有人可以清楚,简单地向我解释collection_select吗?
  • 我们可以从视图中调用Controller的方法吗(就像我们从理想的帮助者那里调用的那样)?