Построение selectbox с другим стилем для include_blank в Rails

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; }

Проверьте эту скрипку, чтобы увидеть ее в действии.

Имейте в виду, что некоторые браузеры (например, Safari) не допускают большого количества стилей опций для выбора, поэтому не слишком сильно зависите от этого.