2013-06-22 22 views
5

Yazı tipi boyutunu ve giriş kutusu ile etiket arasındaki boşluğu, simple_form gem, 2.0.2 ile oluşturduğum bir biçimde değiştirmeye çalışıyorum. Eminim bunu yapmanın bir yolu var mı? Ben gittiğimdesimple_form etiketine stil nasıl verilir?

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

Bu sitede bir yazı okudum 'item_wrapper_class' hile yapacağını, ancak:

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

Ve benim css: Şu anda

Ben Chrome'da, 'Aşağıdaki kutuya yaz:' bölümüne göz atın, hatta .type sınıfında, css'imde bile yok - önyükleme etiketinde varsayılan etiket sınıfına gider.

Herhangi bir yardım için teşekkür ederiz, teşekkürler.

cevap

12

Bu benim için çalıştı: <% = f.input: yorum,: input_html => {: wrap =>: Yumuşak,: satır

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

Böyle bir şey denediniz mi?

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

denedim yorumunuzun sonucu olarak => 2},: label => 'Aşağıdaki kutuya yazın:',: wrapper_html => {: class => 'type'}%>. Şimdi, Chrome hata ayıklamada, tür sınıfını listenin bazı yollarından görüyorum - "bootstrap label" sınıfından sonra listeleniyor. Sonra, bootstrap etiket sınıfının işaretini kaldırdığımda, tip sınıfım geçerli olur. Sınıfımı nasıl yapabilirim konusunda herhangi bir fikrim var mı? Yardım ettiğin için teşekkür ederim. – CHarris

İlgili konular