提问人：Alain Goldman 提问时间：7/7/2013 更新时间：11/18/2023 访问量：19759
如何向form_for中的单个输入添加样式
How to add styling to a single input in a form_for
问：
我正在将 rails 框架与 HAML 一起使用，并且我有引导程序设置。如何单独格式化字段输入。我希望 name 的输入字段是屏幕向左浮动的 60%，价格的输入是屏幕和向右浮动的 25%。
我想我是在问如何将类添加到form_for中的单个输入中。 谢谢
= form_for @product,:url => products_path, :html => { :id => "fileupload", :multipart => true } do |f|
%p
= f.label :name
= f.text_field :name # i want to format this
%p
= f.label :price
= f.text_field :price
答：
26赞
Martin M
7/7/2013
#1
您可以将类添加到任何表单助手，并使用 CSS 对其进行格式化：
= f.text_field :name, class: 'your_class' # i want to format this
当然，您也可以直接设置样式选项，但建议将内容和样式分开。所以不要
= f.text_field :name, style: 'float: left; width: 60%; display: block' # i want to format this
评论
1赞
Alain Goldman
7/7/2013
谢谢你的回答！我不能再标记你 3 分钟了。
1赞
W.M.
7/26/2019
适用范围：simple_form, input_html: {style: 'direction: ltr;'}
0赞
Martin M
10/12/2022
更好：使用：simple_form, input_html: {class: 'your_class'}
0赞
demir demirhan
11/16/2023
#2
<%= f.password_field :password, class: "your style class", style: "display: block;" %>
评论