2010-05-18 14 views
13

मैं अपने सिम्फनी एप्लिकेशन में डेटपिकर जोड़ने की कोशिश कर रहा हूं और मुझे यह काम मिल गया है, लेकिन डेटपिकर का आकार सामान्य से लगभग 3 गुना बड़ा है (डेमो पेज पर)। मैंने किसी भी सीएसएस को संपादित नहीं किया है, मैंने अभी डिफ़ॉल्ट ui लाइटनेस थीम का कोई संशोधन नहीं किया है।jquery ui डेटपिकर फ़ॉन्ट का आकार बड़ा है

किसी को क्यों आकार इतना बड़ा उड़ा दिया जाता है किसी भी विचार है?

सीएसएस:

http://paste2.org/p/835414

कठिन मैं शक है कि बहुत उपयोगी हो जाएगा।

उत्तर

39

.ui-widget कक्षा में font-size संशोधित करें। इसे 1.1em (वर्तमान मान) से कुछ कम करें, जैसे 1em या 0.9em से बदलें। या बस एक स्थिर आकार का उपयोग करें, जैसे 12px, लेकिन यह अनुशंसित नहीं है।

+0

प्रतिभा! लेकिन फ़ॉन्ट इतना बड़ा क्यों होगा? मैंने सीएसएस में कुछ भी संपादित नहीं किया है, इसे सिर्फ jquery UI वेबसाइट से डाउनलोड किया है ... – iggnition

+10

ऐसा इसलिए है क्योंकि फ़ॉन्ट 'em' में निर्दिष्ट किया गया था, जो संदर्भ-निर्भर है। उदाहरण के लिए, यदि आपके पास 'बॉडी-साइज: 14 पीएक्स' आपके' बॉडी 'पर है और फिर' div 'पर आपके पास' 1em' है, तो 'div' मूल रूप से' 14px' होगा। यदि, 'div' पर, आपके पास '0.8em' है, तो यह छोटा होगा। यदि आप 'body' को '12px' में बदलते हैं, तो' div' भी छोटा होगा। असल में, 'em' अनुपात ('%') की तरह है जहां '1em == 100%' (यदि मैं गलत हूं तो कोई मुझे सही करता है)। – Felix

+1

जो अधिकतर के लिए स्पष्ट हो सकता है, लेकिन आपको सीएसएस में महत्वपूर्ण जोड़ना होगा ताकि यह jquery UI से एक को ओवरराइड कर सके। मैंने अपने सीएसएस में रखा: .ui-widget {font-size: 0.8em! महत्वपूर्ण; } - यह बिना महत्वपूर्ण काम करेगा! –