2013-06-22 4 views
5

मैं इनपुट बॉक्स और लेबल के बीच फ़ॉन्ट-आकार और अंतर को बदलने की कोशिश कर रहा हूं, जिसे मैंने सरल_फॉर्म मणि, 2.0.2 के साथ जेनरेट किया है। मुझे यकीन है कि ऐसा करने का कोई तरीका है?सरल_फॉर्म लेबल को शैली कैसे दें?

वर्तमान में मेरे पास है:

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', :item_wrapper_class => 'type' %> 

और मेरी सीएसएस में:

.type{ 
    font-size: 24px; 
    margin-top: 15px; 
} 

मैं इस साइट पर एक पोस्ट में पढ़ा है कि 'item_wrapper_class' चाल करना होगा, लेकिन जब मैं करने के लिए जाना क्रोम में तत्व का निरीक्षण करें, 'नीचे दिए गए बॉक्स में टाइप करें:' भाग पर, यह मेरे सीएसएस में .type क्लास पर भी नहीं उठाता है - यह बूटस्ट्रैप में डिफ़ॉल्ट लेबल क्लास पर जाता है।

किसी भी मदद की सराहना की जाएगी, धन्यवाद।

उत्तर

12

यह मेरे लिए काम किया: <% = f.input: टिप्पणी,: input_html => {: लपेट =>: मुलायम,: पंक्तियों

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', :label_html => { :class => 'type' } %> 
2

क्या आपने ऐसा कुछ करने की कोशिश की है?

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', wrapper_html: { class: 'type' } %> 
+0

मैं अपनी टिप्पणी मैंने कोशिश के परिणाम के रूप => 2},: लेबल => 'नीचे दिए गए बॉक्स में टाइप करें:',: wrapper_html => {: class => 'type'}%>। तो अब, क्रोम डीबगिंग में, मैं टाइप क्लास को सूची के नीचे कुछ तरीकों से देखता हूं - यह 'बूटस्ट्रैप लेबल' वर्ग के बाद सूचीबद्ध है। फिर, जब मैं बूटस्ट्रैप लेबल वर्ग को अनचेक करता हूं, तो मेरी टाइप क्लास लागू होती है। कोई विचार है कि मैं अपनी कक्षा को डिफ़ॉल्ट रूप से कैसे लागू कर सकता हूं? आपकी सहायता के लिए धन्यवाद. – CHarris

संबंधित मुद्दे