css - 使用 rails collection_select 表单助手更改 'include_blank' 文本的样式

Question

我在表单中有以下 collection_select 字段，我希望“选择车库”文本像其他字段的占位符文本一样为灰色 (#555555)。我该如何更改？

<%= collection_select :car, :garage_id, @garages.order('name ASC'), :id, :name, {include_blank: 'Select a Garage'}, { :multiple => false, class: "form-control garage-select" } %>

我正在使用 Ruby 2.1.2 和 Rails 4.1.4，以及 simple_form gem。谢谢!

Answer 1

您可以在 CSS 中为选择框的第一个选项设置样式。

select.garage-select > option:nth-child(1) {
  color:#555;
}

编辑

无法覆盖浏览器默认样式。您将需要一个可以生成基于 CSS 的选择框的库。看看this .