您好我正在使用带轨道的材料设计。特别是我在collection_select上使用select(可以找到here)。
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fullwidth">
<%= f.label :client, class: 'mdl-textfield__label' %>
<%= f.collection_select :client_id, Client.all, :id, :name, { prompt: "Choose a Client" }, { class: 'mdl-textfield__input' } %>
</div>
看起来很棒。直到我选择下拉列表。我在上面的代码中没有造型。基本上我需要添加class =&#34; mdl-menu__item&#34;选项。
collection_select(:post, :author_id, Author.all, :id, :name_with_initial, prompt: true)
会渲染
<select name="post[author_id]" id="post_author_id">
<option value="">Please select</option>
<option value="1" selected="selected">D. Heinemeier Hansson</option>
<option value="2">D. Thomas</option>
<option value="3">M. Clark</option>
</select>
那么如何将css类添加到collection_select选项标签?