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

我在表单中有以下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。谢谢！

最佳答案

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

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

编辑

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

关于css - 使用rails collection_select表单助手更改'include_blank'文本的样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28139670/