रेल: कस्टम सीएसएस

Question

के साथ टैग सबमिट करने के तरीके को कैसे स्टाइल करें नीचे दिया गया कोड कुछ सीएसएस ("बटन") के अनुसार "सबमिट" बटन बनाता है और एक शैली बनाता है। समस्या यह है कि, जब पृष्ठ प्रस्तुत करता है, तो यह दिखाता है कि सामान्य रेल टैग के शीर्ष पर अनुकूलित "बटन" सीएसएस सबमिट करते हैं। मैं रेल के दृश्य पहलुओं को म्यूट या अक्षम कैसे कर सकता हूं, जबकि यह अभी भी फॉर्म जमा करते समय टैग बटन सबमिट करता है?

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

Answer 1

आप यह कर सका:

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

और बटन के लिए सीएसएस शैली सेट?

यह बेहतर यह करने के लिए:

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

Answer 2

एक और तरीका है (रेल 4,1)

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

स्थान है जहां आप उत्तर खोजने के लिए http://api.rubyonrails.org/

जाने के लिए और अगर आप में काम कर रहे हैं form_for आप

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

Answer 3

मैं पुराने स्कूल माणिक (1.8.7) और रेल (2.3.5)

heres क्या प्रस्तुत मेरे टैग कस्टम सीएसएस स्टाइल के लिए की तरह लग रहे उपयोग कर रहा हूँ:

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

जहां "संपादित करें" है बटन पर दिखाई देने वाला पाठ, और "चौड़ाई: 30 पीएक्स;" मेरी स्टाइल है आप भी शैली झरना कर सकते हैं:

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

Answer 4

आप आप html पैदा करते हैं और अपने सीएसएस दे सकते हैं हैश

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