Rieles: cómo personalizar la etiqueta de envío con CSS personalizado

Question

El código siguiente crea un formulario y modifica el botón "enviar" de acuerdo con algunos CSS ("botón"). El problema es que, cuando se visualiza la página, muestra los rieles normales enviar el botón de etiqueta en la parte superior de el css "botón" personalizado. ¿Cómo puedo silenciar o deshabilitar los aspectos visuales del botón de etiqueta de envío de rieles mientras sigo enviando el formulario?

=form_tag new_site_url, :method => :get do 
    =text_field_tag :homepage,'', type: "text", class: 'text' 
    %button 
    =submit_tag "GO!" 

Answer 1

Podría hacer esto:

=form_tag new_site_url, :method => :get do 
    =text_field_tag :homepage,'', type: "text", class: 'text' 
    =submit_tag "GO!", class: 'button' 

y establecer el estilo CSS para el botón?

Es mejor hacer esto:

=form_tag new_site_url, :method => :get do |f| 
    =f.text_field '', type: "text", class: 'text' 
    =f.submit "GO!", class: 'button' 

Answer 2

Otra forma es (carriles 4,1)

<%= submit_tag("Submit", :class => "btn btn-warning") %> 

Aquí es donde usted va a encontrar respuestas http://api.rubyonrails.org/

y si se está trabajando en form_for you would do

<%= f.submit("Submit", class: "btn btn-default") %> 

Answer 3

estoy usando rubí edad escolar (1.8.7) y los carriles (2.3.5)

heres lo que mis presentar etiquetas se ven como de estilo CSS personalizado:

<%= submit_tag("Edit", :style => "width:30px;") %> 

donde "Editar" es el texto que aparece en el botón, y "ancho: 30px;" es mi estilo. también se puede conectar en cascada los estilos:

<%= submit_tag("Edit", :style => "width:30px;color:blue;") %> 

Answer 4

Usted puede agregar una clave de estilo al hash

<p><%= submit_tag l(:button_apply), :class => 'btn btn-default btn-sm', :name => 'submit', :style => 'margin-left: 42px' %></p>