使用 rails collection_select 表单助手更改“include_blank”文本的样式答案

【问题标题】：Changing the style of the 'include_blank' text using a rails collection_select form helper使用 rails collection_select 表单助手更改“include_blank”文本的样式
【发布时间】：2015-01-25 18:05:15
【问题描述】：

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

【问题讨论】：

select 的 ID 是什么？
我没有给它，但它有.garage-select的类

标签： css ruby-on-rails ruby sass simple-form

【解决方案1】：

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

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

编辑

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

【讨论】：

谢谢！这是行不通的。当我检查元素（选择字段中的第一个选项）时，类就在那里，它显示color: #555555 !important;，但实际上并没有使文本变灰。有什么建议吗？