html简单修改,html – 如何修改和设置简单形式的f.input标记

我有一个表单,我要求用户在特定的选项集合之间进行选择.我的代码库中的表单如下所示：

= f.label :recognition,"How did you hear about us?",required: false,class: "font required-field"

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

现在确定这是有效的,但我想要这样做一点,并且有问题这样做.

我现在拥有的是这样的：

然而,我想要获得的是类似于此的东西：

是否有特定的输入需要允许这种情况发生？我尝试的是在我的输入上添加一个名为recognStyling的类,它看起来如下,但我不知道CSS是否是进行此修改的方法.

.recognitionStyling{

width: 100%;

}