Wie füge ich Styling zu einem Rails f.input Styling hinzu?

Question

Ich arbeite an einem Rails-Formular, in dem ich mehrere Optionen habe, um nach einem Kunden zu fragen. Davon hat man mehrere Optionen zur Auswahl. Ich konnte die Liste der Optionen durch eine Sammlung generieren lassen, aber mein Problem ist, dass ich möchte, dass die Liste die gesamte Breite des Containers ausmacht, in dem sie sich befindet. Egal, was ich versuche, kann ich nicht Holen Sie etwas in sich, um darauf zu reagieren. Was passiert, ist, dass ich weiterhin die Standardstile bekomme, die mit den Eingaben kommen. Ich habe mich gefragt, ob jemand einen Blick darauf werfen und mir bei dieser Situation helfen könnte.

= f.input :recognition, class: "recognitionStyling", collection: %w{article, blog_post, linkedin, magazine_ad, online_search, referral, twitter, other}, required: false 

.recognitionStyling{ 
    width: 100%; 
} 

Answer 1

Da Sie Simple Form verwenden, sollten Sie Ihre CSS-Klassennamen in input_html Optionen übergeben, wenn Sie Setklasse eingeben möchten:

= f.input :recognition, input_html: { class: 'recognitionStyling' } 

Wenn Sie CSS-Klasse setzen zu beschriften:

= f.input :recognition, label_html: { class: 'recognitionStyling' } 

Wenn Sie sowohl Ihre Eingabe als auch die Beschriftung umbrechen möchten (legen Sie die css-Klasse auf den standardmäßigen einfachen Formular-Wrapper fest):

= f.input :recognition, wrapper_html: { class: 'recognitionStyling' }