自定义简单表单集合_选择

Question

我已经有了这个简单的表单，我希望能够使用CSS来设置下拉菜单的样式。

input_html: { class: "form-dropdown" }不改变风格。我如何能够正确添加一个类到简单的表格collection_select以在CSS中设置样式，还是有其他方式可以设置下拉菜单的样式？

这是我的简单形式：

<%= simple_form_for @document do |f| %> 

    <%= f.collection_select :category_id, Category.all, :id, :name, {promt: "Choose a category" }, input_html: { class: "form-dropdown" } %> 

    <%= f.input :title, label: "Title", label_html: { class: 'form-input' } %> 

    <%= f.input :pdf, label: "Upload document:" %> 

    <%= f.button :submit %> 

<% end %> 

Answer 1

离开过input_html:这就是为什么它不工作。其定义是这样的：

<%= f.collection_select :category_id, Category.all, :id, :name, {promt: "Choose a category" }, { class: "form-dropdown" } %> 

或

<%= f.collection_select :category_id, Category.all, :id, :name, promt: "Choose a category", class: "form-dropdown" %> 

Answer 2

<%= f.select :category_id, category_select_options, {prompt: "---Select Category---"}, required: :required, class: "form-control" %> 

# 
# In Appication Helper 
# 

def category_select_options 
    Category.all.map{|c| [c.name,c.id] } 
end