如何在 Ruby on Rails 中为下拉列表的文本着色

Question

= f.collection_select :budget_line_id,
                            @budget_lines, :id, :description,
                            { prompt: true },
                            class: 'form-control input-sm form-control-sm'

我需要更改此下拉列表元素的文本颜色。

Answer 1

如果您无法为其中一个类应用 CSS 规则，您可以将内联样式标签添加到您的 collection_select 助手：

= f.collection_select :budget_line_id,
                            @budget_lines, :id, :description,
                            { prompt: true },
                            class: "form-control input-sm form-control-sm",
                            style: "select { color: #333333; }"

如果你有样式表，你应该可以添加：

.form-control select option {
  color: #333333;
}

这可能需要对任何一种方式进行一些调整，具体取决于正在呈现的 HTML，但其中一个应该会让你接近。