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

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

.recognitionStyling{
  width: 100%;
}

最佳答案

由于您使用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' }

10-02 17:28