Come posso modificare la lunghezza di un campo di testo in rotaie?

Question

Così ho questo campo di testo

<%= f.text_field :body, placeholder: "Make an offer ", :maxlength=>"254" %> 

in questo momento occupa il 100% della larghezza della casella di cui si trova. Voglio che prenda come il 95%. Finora ho provato (da altri post del forum)

aggiungendo :columns => "50" ciò non ha avuto alcun effetto. Ho provato a mettere su un tag HTML, :html => { :id => "offer_form" } e poi mettere nel mio file css

#offer_form { width:50%;} 

questo non ha funzionato

altri suggerimenti?

edit:

mi sono reso conto che nel mio file css ho sotto/forme/

input, textarea, select, .uneditable-input { 
    border: 1px solid #bbb; 
    width: 98%; 
    padding: 10px; 
    height: auto !important; 
    margin-bottom: 15px; 

} 

e quando cambio la larghezza qui funziona. ma riguarda tutte le forme dell'intera app (ovviamente) (cioè sono tutte al 98%). C'è un modo in cui posso id solo questo campo in modo che io possa modificare la sua larghezza in modo indipendente.

Answer 1

Usa CSS. La larghezza del campo non è correlata ai suoi caratteri massimi.

input.body { 
    width:95%; 
} 

Answer 2

aggiungere :size=>"50" opzione per text_field

<%= f.text_field :body, :size=>"50", placeholder: "Make an offer ", :maxlength=>"254" %>