Railsで選択したコレクションの視覚的なドロップダウンをスタイルするにはどうすればよいですか? Affiliation オブジェクトの属性から派生した色で、ドロップダウンの個々の項目の背景色を変更したいと考えています。現在の collection_select は次のとおりです。
<%= collection_select(:application, :affiliation_id, Affiliation.all.order(:priority).all, :id, :name, :include_blank => true) %>
所属オブジェクトには「優先度」という属性があり、各所属の優先度に基づいて表示する色を割り当てたいと考えています。
.css ファイルで、collection_select の追加クラスを追加します
.collection_select_background
{
background: #color_name;
}
.collection_select_backgroundそして、 ieというクラスを使用できます
<%= collection_select(:application, :affiliation_id, Affiliation.all.order(:priority).all, :id, :name, :include_blank => true), **class: collection_select_background** %>
これがうまくいくことを願っています。