如何在Rails中更改collection_select项的背景颜色?

时间:2016-11-01 23:37:38

标签: css ruby-on-rails collection-select

如何设置Rails中集合选择的可视下拉列表的样式?我想更改下拉列表中各个项目的背景颜色,颜色来自Affiliation对象中的属性。这是当前的collection_select:

<%= collection_select(:application, :affiliation_id, Affiliation.all.order(:priority).all, :id, :name, :include_blank => true)  %>

Affiliation对象有一个名为&#34; priority&#34;我想根据每个关联的优先级指定要显示的颜色。

2 个答案:

答案 0 :(得分:0)

添加

class: 'color_<%= affiliation.color %>'
<_>在collection_select中创建相同的样式classe

.color_1 { background-color:#colorvalue; }  # for affiliation.color == 1

在css文件中

答案 1 :(得分:0)

在.css文件中为collection_select添加额外的类

.collection_select_background { background: #color_name; }

你可以使用名为.collection_select_background的类,即

<%= collection_select(:application, :affiliation_id, Affiliation.all.order(:priority).all, :id, :name, :include_blank => true), **class: collection_select_background** %>

我希望这对你有用。