Styling Option_Select в Ruby Rails

Question

Имея действительно сложный стиль времени Rails Option_Select для форм, я попытался добавить класс, а также просто найти прямой идентификатор элемента и стилизовать его, но ничего не сработало.

Option_select класс:

<%= f.select :activity, options_for_select([['Cookery 1', 'ckry1']], { :class => 'opt-form-select' }) %> 

CSS

.opt-form-select { 
    font-size 4rem; 
} 

Ничто не работал выше, поэтому я использовал старые инструменты Dev, чтобы выбрать элемент непосредственно и редактировать CSS:

select#post_activity { 
    font-size: 4rem; 
} 

Ни исправление не сработало, я даже попытался добавить стили непосредственно в форму option_select, но это не сработало e ither:

<%= f.select :activity, options_for_select([['Cookery 1', 'ckry1']], { :style => 'font-size: 4rem; background-color: blue' }) %> 

Любые идеи о том, как я могу обойти это?

Answer 1

В общем, вы не можете. Этот элемент отображается операционной системой, а не HTML. Его нельзя использовать с помощью CSS. Существуют заменяющие плагины, которые выглядят как SELECT, но на самом деле состоят из обычных HTML-элементов, которые могут быть стилизованы.