Настройка простой формы Collection_Select

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