css - Rails 選択メニューのスタイリングに問題がある

Question

Rails 4.2.3 を使用しています。セレクトメニューのフォントを変更したいのですが、うまくいきません。「bootstrap-sass」gem をインストールし、これをスタイルシートに追加しました…

select {
        font-family: 'Oxygen', sans-serif;
}

そして、このように選択タグを設定します

<%= select_tag :state, options_for_select([["Select State", nil], *us_states]), {class: "form-control"} %>

しかし、私のメニューがレンダリングされると、オプションは私が指定したものではなく、通常のフォントを持ち続けます。Rails 選択メニューのスタイルを設定するには、他に何をする必要がありますか?

Answer 1

これはあなたのために働くはずです：

<%= select_tag :state, options_for_select([["Select State", nil], *us_states]), class: 'states form-control' %>

二次ハッシュで送信する必要はありません。

たとえば、より識別可能なクラス名を追加することも検討します。

.states {
    font-family: 'Oxygen', sans-serif;

}