1

Rails の select_tag リストでフォント スタイルを変更する方法が見つかりません

私がこれを試してみると：

<%= select_tag :weight_lbs, options_for_select([['0', 0],['1', 1],['2', 2],['3', 3],['4', 4],['5', 5],['6', 6],['7', 7],['8', 8],['9', 9],['10', 10],['11', 11],['12', 12],['13', 13]]), :class => 'formfield'%>

次に、CSS クラスで選択ボックスの幅を変更できますが、他には何も変更できません - 高さ、フォントサイズ、色など、すべて影響はありません

同様に、要素レベルでスタイルを変更しようとすると、Rails ドキュメントの例を使用しても

<%= select_tag 'testname', options_for_select(options_for_select([ "Denmark", ["USA", {:class => 'select'}], "Sweden" ]))%>

class 属性は出力に影響しません (Mac の Chrome と Safari、Rails 3.1)

では、Rails の select_tag 内で高さとテキスト スタイルを変更するにはどうすればよいですか?

4

4 に答える 4

0

私の提案は、Rails によって生成されたページ ソースを確認することです。CSS ファイル内の要素を選択するために、HTML 構造を理解しやすくなります。Rails で HTML コードを生成したので、あなたの質問は CSS に関するものになりました。

div 内に選択を含めることができます。次に例を示します。

<div class="myclass">
  <%= select_tag :weight_lbs, options_for_select([['0', 0],['1', 1],['2', 2],['3', 3],['4', 4],['5', 5],['6', 6],['7', 7],['8', 8],['9', 9],['10', 10],['11', 11],['12', 12],['13', 13]])%>
</div>

だからあなたのCSS：

.myclass select {
    font: # whatever you want
    ...
}

.myclass select option {
    # in case you want to style the options of a select
}

等...

于 2012-07-17T10:47:34.330 に答える