如何为 rails f.input 样式添加样式？

【问题标题】：How to add styling to a rails f.input styling?如何为 rails f.input 样式添加样式？
【发布时间】：2016-04-15 19:46:41
【问题描述】：

我正在制作一个 Rails 表单，在该表单中我有多个选项来询问客户。其中一个有多个选项可供选择。我能够通过集合生成选项列表，但是我的问题是我希望列表能够扩展它所在容器的整个宽度。无论我尝试什么，我都无法得到它里面的任何东西来回应。发生的事情是我继续获得输入附带的默认样式。我想知道是否有人可以看看并帮助我解决这种情况。

= f.input :recognition, class: "recognitionStyling", collection: %w{article, blog_post, linkedin, magazine_ad, online_search, referral, twitter, other}, required: false

.recognitionStyling{
  width: 100%;
}

【问题讨论】：

是简单的形式吗？
@llya，没错。

标签： css ruby-on-rails ruby simple-form

【解决方案1】：

由于你使用Simple Form，如果你想设置类来输入，你应该将你的css类名传递给input_html选项：

= f.input :recognition, input_html: { class: 'recognitionStyling' }

如果要将css类设置为标签：

= f.input :recognition, label_html: { class: 'recognitionStyling' }

如果你想包装你的输入和标签（将 css 类设置为默认的简单表单包装器）：

= f.input :recognition, wrapper_html: { class: 'recognitionStyling' }

【讨论】：