如何在导轨f.input样式中添加样式？

Question

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

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

.recognitionStyling{
  width: 100%;
}

Answer 1

由于您使用Simple Form，如果您想要设置类输入，则应将css类名称传递给input_html选项：

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

如果要将css类设置为label：

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

如果要包装输入和标签（将css类设置为默认的Simple Form包装器）：

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