Đường ray: cách tạo kiểu gửi thẻ với css tùy chỉnh

Question

Mã bên dưới tạo biểu mẫu và kiểu nút "gửi" theo một số css ("nút"). Vấn đề là, khi trang hiển thị, nó hiển thị nút thẻ gửi thanh bình thường trên đầu trang của css "nút" tùy chỉnh. Làm cách nào để tắt hoặc tắt các khía cạnh trực quan của nút gửi thẻ đường ray trong khi vẫn gửi biểu mẫu?

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

Answer 1

bạn có thể làm điều này:

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

và thiết lập các phong cách css cho nút?

Nó tốt hơn để làm điều này:

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

Answer 2

Một cách khác là (ray 4,1)

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

Đây là nơi bạn đi tìm câu trả lời http://api.rubyonrails.org/

và nếu bạn đang làm việc trong form_for bạn sẽ làm

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

Answer 3

Tôi đang sử dụng ruby ​​cũ trường (1.8.7) và lan can (2.3.5)

heres gì my nộp thẻ trông giống như cho phong cách tùy chỉnh css:

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

nơi "Chỉnh sửa" là văn bản xuất hiện trên nút và "chiều rộng: 30px;" là phong cách của tôi. bạn cũng có thể thác các stylings:

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

Answer 4

Bạn có thể thêm một chìa khóa phong cách để băm

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