रेल: ट्विटर बूटस्ट्रैप बटन जब काले रंग का रंग मिलता है

Question

मेरे पास मणि 'ट्विटर-बूटस्ट्रैप-रेल' के माध्यम से ट्विटर बूटस्ट्रैप का उपयोग कर एक रेल 3.2 ऐप है। इसके अतिरिक्त रूपों

<%= link_to "Back", :back, :class => 'btn btn-warning'%> 
<%= form.button :submit, :class => 'btn btn-primary' %> 

बटन ठीक गाया जाता है के माध्यम से पृष्ठों मैं फार्म पर चहचहाना बटन का उपयोग किया है के एक नंबर के लिए SimpleForm मणि के साथ बनाया जाता है। मुद्दा यह है कि आप बटन, जो लिंक पर जाता है, पेज पाठ सलेटी रंग के संस्करण पर अटक जाता है की ओर लौटने पर से एक का चयन करने के बाद 'वापस' बटन के लिए नीचे दिखाया गया है:

यह समस्या का कारण बनता है, खासतौर पर 'बीटीएन-प्राथमिक' के साथ स्टाइल किए गए बटनों पर पाठ को पढ़ने में मुश्किल होती है। इस का एक उदाहरण नीचे है:

सोच क्या सेटिंग को बदलने और जहां की जरूरत है। मुझे उम्मीद है कि यह बूटस्ट्रैप_and_overrides.css.less फ़ाइल में होना चाहिए लेकिन यह सुनिश्चित नहीं है कि कौन सी सेटिंग आज़माएं। पर टेस्ट @linkColorHover काम नहीं किया।

किसी भी विचार?

Answer 1

तुम हमेशा a.btn आइटम शैली सकता है, एक विकल्प के आप button_to बजाय अपने टेम्पलेट्स में link_to उपयोग कर सकते हैं के रूप में इस तरह के :visited

Answer 2

आप Firebug या Chrome के डेवलपर उपकरण पता लगाने के लिए इस्तेमाल करना चाहिए जो सीएसएस संपत्ति आप bootstrap_and_overrides.css.less में ओवरराइड करने के लिए होगा।

यह छवियों को देखकर बताने के लिए थोड़े मुश्किल है।

Answer 3

के रूप में छद्म वर्गों पर सजावट हटाने के लिए।

क्योंकि यह एक नया रूप बनाता है, आप इस लिंक व्यवहार अनुकरण करना चाहते हैं, आप :method => :get पैरामीटर का उपयोग करने की जरूरत है। आप अधिक जानकारी here पा सकते हैं।

Answer 4

इस समस्या के लिए मैंने पाया सबसे अच्छा समाधान app/assets/stylesheets निर्देशिका में निकालना है जैसा कि टिप्पणियों में @tonymarschall द्वारा सुझाया गया है।

Answer 5

जवाब में से कुछ का एक संयोजन का प्रकार, लेकिन बस की जगह:

साथ

color: #666; 

:

color: white; 

scaffolds.css.scss में