Wie gibt man dem Label simple_form einen Stil?

Question

Ich versuche, die Schriftgröße und den Abstand zwischen dem Eingabefeld und Label in einem Formular zu ändern, das ich mit dem Simple_form-Juwel 2.0.2 generiert habe. Ich bin mir sicher, dass es einen Weg gibt, dies zu tun?

Derzeit habe ich:

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

Und in meinem css:

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

ich in einem Beitrag auf dieser Seite gelesen, dass 'item_wrapper_class' würde den Trick tun, aber wenn ich gehe zu Inspect Element in Chrome, über den "Geben Sie in der Box unter:" Teil, es ist nicht einmal auf die. Typ-Klasse in meinem CSS - es geht nur auf die Standard-Label-Klasse, in Bootstrap.

Jede Hilfe wäre dankbar, danke.

Answer 1

Das ist für mich gearbeitet:

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

Answer 2

Haben Sie so etwas probiert?

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