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

我的问题很简单:

<%= f.submit %>

类声明放在哪里?我多次尝试都出错了。

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

这应该可以了。如果您得到一个错误,很可能您没有提供名称。

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

form#form_id_here input[type=submit]

你也可以试试。

正如Srdjan Pejic所说,你可以用

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

或者新的语法是:

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

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

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

你可以通过以下方法向表单的提交按钮添加类声明:

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

如果你正在改变一个脚手架的_form.html.erb部分,并且你想保留 按钮名称在控制器动作之间的动态变化,不要指定名称'name'.

在没有指定名称的情况下,根据表单呈现的动作,按钮将获得具有以下名称的.class = "btn btn-default" (Bootstrap类)(或任何你指定的.class):

  • < >强更新model_name < / >强

  • <李> < p > 创建model_name < br > (model_name脚手架模型的名称)

Rails 4和Bootstrap 3“primary”;按钮

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

结果如下:

screen-2014-01-22_02.24.26.png .png

添加类键值对

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

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