2013-06-22 15 views
5

Próbuję zmienić rozmiar czcionki i odstępy między polem wprowadzania a etykietą, w formie, którą wygenerowałem za pomocą klejnotu simple_form, 2.0.2. Jestem pewien, że jest sposób na zrobienie tego?jak nadać styl etykiecie simple_form?

Obecnie mam:

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

I w moim CSS:

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

czytam w poście na tej stronie, że 'item_wrapper_class' by rade, ale kiedy idę do sprawdź element w Chrome, nad polem "Wpisz w pole poniżej:", nie pobiera nawet w klasie .type, w moim css - po prostu przechodzi do domyślnej klasy etykiet w bootstrapie.

Każda pomoc będzie doceniona, dzięki.

Odpowiedz

12

Ten pracował dla mnie:

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

Próbowałeś czegoś takiego?

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

Jak prowadzić z Twojego komentarza próbowałem: <% = f.input: komentarz,: input_html => {: owijają =>: miękki, wierszy: => 2},: label => 'Wpisz poniższe pole:',: wrapper_html => {: class => 'type'}%>. Teraz w debugowaniu Chrome widzę klasę typów na liście - jest ona wyświetlana po klasie "bootstrap". Następnie, po usunięciu zaznaczenia klasy etykiety ładowania początkowego, stosowana jest moja klasa typów. Masz pomysł, jak mogę domyślnie zastosować moją klasę? Dzięki za pomoc. – CHarris