使用rails collection_select表单帮助器更改“include_blank”文本的样式

Question

我在表单中有以下collection_select字段，我希望选择一个车库＆＃39;文本为灰色（＃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。