Simple Formをカスタマイズする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:のthatsをオフにしておきます。このようにそれを定義します。

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