css - 如何更改 Rails 中 collection_select 项目的背景颜色？

Question

如何在 Rails 中设置集合选择的视觉下拉列表？我想更改下拉列表中单个项目的背景颜色，颜色源自 Affiliation 对象中的属性。这是当前的 collection_select：

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

Affiliation 对象有一个名为“priority”的属性，我想根据每个 Affiliation 的优先级分配要显示的颜色。

Answer 1

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

.collection_select_background { background: #color_name; }

您可以使用名为.collection_select_backgroundie的类

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

我希望这对你有用。

Answer 2

添加

class: 'color_<%= affiliation.color %>'

在 collection_select 并创建相同的样式类

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

在 css 文件中