css - 選択ボックスの水平スクロール バーが機能しない

Question

選択ボックスに水平スクロール バーを追加しようとしています。セレクトボックスの項目の中には文字が大きくて見えないものがあります。だから私は次のようにcssクラスを追加しようとしました：

.selector_box{
    overflow:auto;
}

<div class="label_input">
    <%= f.label(:sample, "Books *", :class => 'label_required_field') %>
    <%= f.collection_select(:sample, @books.all, :id, :name, {:multiple => true, :class => 'selector_box'} )%>
</div>        

上記のコードは機能せず、水平スクロール バーを設定する方法が見つかりません。では、自動サイズ変更で選択ボックスに水平スクロールバーを追加するにはどうすればよいですか?

Answer 1

選択ボックスに幅を与え、オーバーフローの代わりに: auto; オーバーフローがあります: スクロールします。