Einfaches Formular anpassen Collection_Select

Question

Ich habe dieses einfache Formular und möchte das Dropdown-Menü mit CSS formatieren können.

Die input_html: { class: "form-dropdown" } ändert nicht den Stil. Wie kann ich dem einfachen Formular collection_select eine Klasse hinzufügen, um es in css zu formatieren, oder gibt es eine andere Möglichkeit, das Dropdown-Menü zu formatieren?

Das ist meine einfache Form:

<%= 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

wegzulassen input_html: das ist, warum es nicht funktioniert. definieren es wie folgt:

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

oder

<%= 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