在Rails中为include_blank构建一个具有不同样式的选择框

Question

我有一个带有空白选项的选择框：

<%= form.select :field_id, @options, {:include_blank => "No value"} %>

这将为选择字段生成以下html：

<select name="model[field_id]" id="model_field_id">
  <option value="">No value</option>
  <option value="1">some value</option>
  <option value="2">another value</option>
</select>

我希望这个空白选项的样式不同（例如斜体），最好使用类：

<select name="model[field_id]" id="model_field_id">
  <option value="" class="empty">No value</option>
  <option value="1">some value</option>
  <option value="2">another value</option>
</select>

我该怎么做？

Answer 1

您可以使用CSS属性选择器执行此操作：

option[value=""] { background-color: red; }

Check out this Fiddle to see it in action.

请注意某些浏览器（如Safari）在select中的选项样式上不允许太多，所以不要太依赖它。