2013-06-22 2 views
5

Sto provando a cambiare la dimensione del carattere e la spaziatura tra la casella di input e l'etichetta, in un modulo che ho generato con la gemma simple_form, 2.0.2. Sono sicuro che ci sia un modo per farlo?come dare stile all'etichetta simple_form?

Al momento ho:

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

E nel mio css:

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

ho letto in un post su questo sito che 'item_wrapper_class' farebbe il trucco, ma quando vado a ispeziona l'elemento in Chrome, sopra la casella 'Inserisci nella casella qui sotto', parte, non raccoglie nemmeno nella classe .type, nel mio css - va solo alla classe di etichetta predefinita, in bootstrap.

Qualsiasi aiuto sarebbe apprezzato, grazie.

risposta

12

questo ha funzionato per me:

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

Hai provato qualcosa del genere?

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

Come ho risultato del vostro commento che ho provato: <% = f.input: commento,: input_html => {: avvolgere =>: morbido, le righe: => 2},: label => 'Scrivi nella casella sottostante:',: wrapper_html => {: class => 'type'}%>. Così ora, nel debug di Chrome, vedo la classe del tipo in qualche modo in basso nell'elenco: è elencata dopo la classe 'bootstrap label'. Quindi, quando deseleziono la classe label bootstrap, viene applicata la mia classe type. Qualche idea su come posso applicare la mia classe per impostazione predefinita? Grazie per l'aiuto. – CHarris