2013-06-22 53 views
5

私はsimple_form gem 2.0.2で生成したフォームで、フォントサイズと入力ボックスとラベルの間隔を変更しようとしています。これを行う方法があると確信していますか?現時点ではsimple_formラベルにスタイルを与える方法は?

私が持っている:

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', :item_wrapper_class => 'type' %> 

そして、私のCSSの:

.type{ 
    font-size: 24px; 
    margin-top: 15px; 
} 

私は「item_wrapper_class」のトリックを行うだろうと、このサイト上の記事で読んで、私はに行くとき'Type in box below:'の部分にあるChromeのinspect要素では、CSSの.typeクラスでも認識されません。デフォルトのラベルクラス、ブートストラップに移動します。

ありがとうございます、ありがとうございます。

答えて

12

これが私の仕事:<%= f.input:コメント:input_html => {:ラップ=>:ソフト、:行

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', :label_html => { :class => 'type' } %> 
2

あなたはこれを試しましたか?

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', wrapper_html: { class: 'type' } %> 
+0

は私が試したあなたのコメントの結果として、 => 2}、:label => '下のボックスに入力:'、:wrapper_html => {:class => 'type'}%>だから今、Chromeのデバッグでは、私はリストをいくつかの方法でタイプクラスを参照してください - それは 'ブートストラップラベル'クラスの後に記載されています。次に、ブートストラップラベルクラスのチェックを外すと、自分のタイプクラスが適用されます。どのようにして私のクラスをデフォルトでどのように適用できるのか?ご協力いただきありがとうございます。 – CHarris

関連する問題